@charset "utf-8";

/* CSS Document */

body,

button,

input,

select,

textarea {

  background: none repeat scroll 0 0 #fff;

  color: #5f5f5f;

  font: 14px/1 "Arial", "微软雅黑";

  margin: 0;

  padding: 0;

  overflow: hidden;

}

body,

html {

  scroll-behavior: smooth;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 14px;

  padding: 0;

  margin: 0;

}

ul,

ol,

li,

dl,

dt,

dd {

  list-style: none;

  text-decoration: none;

  height: auto;

  padding: 0;

  margin: 0;

}

address,

cite,

dfn,

em,

var {

  font-style: normal;

} /* 将斜体扶正 */

code,

kbd,

pre,

samp,

tt {

  font-family: "Courier New", Courier, monospace;

} /* 统一等宽字体 */

small {

  font-size: 14px;

} /* 小于 12px 的中文很难阅读，让 small 正常化 */

abbr[title],

acronym[title] {

  /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */

  border-bottom: 1px dotted;

  cursor: help;

}

q:before,

q:after {

  content: "";

}

p {

  margin: 0;

  padding: 0;

}

/* 重置表单元素 */

legend {

  color: #5f5f5f;

} /* for ie6 */

fieldset,

img {

  border: none;

} /* img 搭车：让链接里的 img 无边框 */

/* 注：optgroup 无法扶正 */

button,

input,

select,

textarea {

  font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */

}

/* 重置表格元素 */

/* 重置 hr */

hr {

  border: none;

  height: 1px;

}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */

:hover {

  text-decoration: none !important;

}

html {

  overflow-y: scroll;

}

:link {

  text-decoration: none;

  color: #5f5f5f;

}

:visited {

  text-decoration: none;

  color: #5f5f5f;

}

.fl {

  float: left;

}

.fr {

  float: right;

}

[data-mfp-src],

.btn-img-popup {

  cursor: -webkit-zoom-in;

  cursor: zoom-in;

}

/*======================公用样式=======================*/

.wrap {

  width: 100%;

}

.logo {

  float: left;

}

.navbar-area {

}

.navbar-brand {

  width: 90px;

  height: 87px;

  background: url(../images/logo.png) no-repeat;

}

.navbar-light .navbar-brand img {

  float: left;

  margin-left: -15px;

}

.sticky-nav {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);

  margin: auto;

  z-index: 999;

  background: #fff;

  -webkit-animation: 0.9s ease-in-out 5s normal none 1 running fadeInDown;

  animation: 0.9s ease-in-out 5s normal none 1 running fadeInDown;

  -webkit-transition: 0.9s;

  transition: 0.9s;

  width: 100% !important;

}

.sticky-nav .nav-top {

  width: 100%;

  border-radius: 0;

}

.sticky-nav .main-nav {

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

}

.main-nav {

  position: relative;

  top: 0;

  left: 0;

  padding: 0;

  width: 100%;

  z-index: 999;

  height: auto;

}

.main-nav .navbar {

  padding: 0;

}

.main-nav nav .navbar-nav .nav-item {

  padding: 0;

}

.main-nav nav .navbar-nav .nav-item .active,

.main-nav nav .navbar-nav .nav-item:hover a {

  color: #fff;

  background: #6d82a7;

}

.main-nav nav .navbar-nav .nav-item a {

  text-transform: capitalize;

  color: #404040;

  padding: 42px 32px;

  margin: 0;

}

.main-nav nav .navbar-nav .nav-item a i {

  font-size: 10px;

}

.main-nav nav .navbar-nav .nav-item a :focus,

.main-nav nav .navbar-nav .nav-item a:hover {

  color: #fff;

}

.main-nav nav .navbar-nav .nav-item a.active {

  color: #fff !important;

  background: #6d82a7;

}

.main-nav nav .navbar-nav .nav-item a.active i {

  -webkit-transform: rotate(90deg);

  transform: rotate(90deg);

}

.main-nav nav .navbar-nav .nav-item a:hover i {

  -webkit-transform: rotate(90deg);

  transform: rotate(90deg);

  -webkit-transition: 0.7s;

  transition: 0.7s;

}

.main-nav nav .navbar-nav .nav-item a .active::before {

  -webkit-transform: scale(1);

  transform: scale(1);

}

.main-nav nav .navbar-nav .nav-item .dropdown-menu {

  border: 0;

  border-radius: 0;

  background-color: #6d82a7 !important;

  padding-left: 0;

  padding-right: 0;

  width: 130px;

}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li {

  border-bottom: 0;

}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child {

  border-bottom: 0;

}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {

  position: relative;

  -webkit-transition: 0.7s;

  transition: 0.7s;

  font-size: 14px;

  text-align: center;

}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover::before {

  width: 100%;

}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active,

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus,

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {

  color: #fff;

  background: #cb252b;

}

.mobile-nav .mean-container .mean-nav ul li a .active {

  color: #2ca6e0;

}

.mean-container a.meanmenu-reveal {

  color: #373e58;

}

.mean-container a.meanmenu-reveal span {

  background-color: #6d82a7;

}

.other-side .lang {

  float: right;

  margin-top: 8px;

  margin-right: 5px;

  display: block;

}

.other-side .lang a {

  color: #fff;

}

.other-side .lang img {

  margin-left: 10px;

}

.lang-mobile {

  display: none;

}

.other-side .modal-menu {

  float: right;

  margin-left: 20px;

  margin-top: 3px;

}

.other-side .modal-menu a {

  color: #64acff;

  font-size: 20px;

  font-weight: 700;

  width: 40px;

  height: 40px;

  line-height: 40px;

  background-color: #fff;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  text-align: center;

}

.other-side .modal-menu a:hover {

  color: #6d82a7;

}

.banner {

}

.banner img {

  width: 100%;

  display: block;

}

.ban-pc {

  display: block;

}

.ban-mobile {

  display: none;

}

.ban-mobile img {

  width: 100%;

  height: auto;

}

.ban-pc .swiper-pagination-bullet-active {

  background: #6d82a7 !important;

}

.ban-pc .swiper-pagination-bullet {

  width: 12px !important;

  height: 12px !important;

  border-radius: 6;

  background: #fff;

  opacity: 1 !important;

  margin: 0 5px;

}

.ban-pc .swiper-container-horizontal > .swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

  bottom: 47px !important;

}

.a-main {

}

.a-main img {

  width: 100%;

}

.ban-pro-pc {

  display: block;

}

.ban-pro-mobile {

  display: none;

}

.ban-pro-mobile img {

  width: 100%;

  height: auto;

}

.ban-pro-pc .swiper-pagination-bullet-active {

  background: #2ca6e0 !important;

}

.ban-pro-pc .swiper-pagination-bullet {

  width: 50px !important;

  height: 3px !important;

  border-radius: 0;

  background: #fff;

  opacity: 1 !important;

  margin: 0 5px;

}

.ban-pro-pc .swiper-pagination {

  bottom: 47px !important;

  left: 45%;

}

/*首页*/

.index-tit {

  text-align: center;

  width: 100%;

  overflow: hidden;

}

.index-tit h1 {

  display: block;

  color: #1b1b1c;

  font-size: 35px;

  margin-bottom: 12px;

}

.index-tit h2 {

  font-size: 30px;

  margin-bottom: 12px;

  color: #000000;

}

.index-tit span {

  display: block;

  color: #1b1b1c;

  font-size: 34px;

  margin-bottom: 12px;

}

.index-tit em {

  display: block;

  color: #8c8d8e;

}

.index-about {

  padding: 66px 0;

}

.index-about .txt {

  /* height: 205px; */

  line-height: 30px;

  font-size: 16px;

  padding: 36px 80px 0;

}

.numCount {

  margin: 40px 0;

}

.numCount li {

  float: left;

  width: 25%;

  text-align: center;

}

.numCount li .item {

  margin: 0 10px;

}

.numCount li .item .indt {

  font-size: 16px;

  color: #6d82a7;

}

.numCount li .item .indc {

  color: #868787;

}

.numCount li .numU {

  line-height: 1.3;

}

.numCount li .numCX {

  font-size: 65px;

  color: #6d82a7;

  font-weight: bold;

}

.numCount li .numU .unitC {

  font-size: 100%;

  line-height: 1.3;

  margin-left: 0.3em;

}

.numCount li .numU em {

  font-size: 40px;

  color: #6d82a7;

}



@media (max-width: 800px) {

  .numCount li .numCX {

    font-size: 24px;

  }

  .numCount li .numU em {

    font-size: 24px;

  }

}



@media (max-width: 640px) {

  .numCount li .numCX {

    font-size: 7vw;

  }

}



@media (max-width: 480px) {

  .numCount {

    font-size: 0.5vw;

  }

}

/*首页企业优势*/

.igood-info {

  max-width: 1400px;

  width: 92%;

  margin-left: auto;

  margin-right: auto;

  max-width: 1920px;

  width: 100%;

}

.igood-35 {

  width: 100%;

  height: 35px;

}



@media (max-width: 768px) {

}



@media (max-width: 640px) {

  .igood-info {

    width: 88%;

  }

}

.igood-info .row {

  margin-left: 0;

  margin-right: 0;

}

.igood-info .row > * {

  padding-left: 0;

  padding-right: 0;

}



@media (min-width: 769px) {

  .igood-info li {

    display: -webkit-flex;

    display: flex;

    display: -webkit-box;

    display: box;

    -webkit-align-items: center;

    align-items: center;

    -webkit-box-align: center;

    box-align: center;

    -webkit-box-align: start;

    box-align: start;

    -webkit-align-items: flex-start;

    align-items: flex-start;

    overflow: hidden;

    position: relative;

  }

  .igood-info li .img,

  .igood-info li .content {

    width: 50%;

  }

  .igood-info li::before {

    content: "";

    display: block;

    width: 0px;

    height: 0px;

    border: 12px solid transparent;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 5;

  }

  .igood-info li:hover {

    background: #6d82a7;

    color: #fff;

  }

  .igood-info li:hover h3 {

    color: #fff;

  }

  .igood-info li:hover p::before {

    background: #fff;

  }

  .igood-info .row:nth-child(1) li::before {

    border-right-color: #fff;

    left: 50%;

    margin-left: -24px;

  }

  .igood-info .row:nth-child(1) li:hover::before {

    border-right-color: #6d82a7;

  }

  .igood-info .row:nth-child(2) li::before {

    border-left-color: #fff;

    left: 50%;

  }

  .igood-info .row:nth-child(2) li:nth-child(1)::before {

    border-color: transparent transparent transparent #fff;

    margin-left: 0;

  }

  .igood-info .row:nth-child(2) li:nth-child(1):hover::before {

    border-color: transparent transparent transparent #6d82a7;

  }

  .igood-info .row:nth-child(2) li:hover::before {

    border-left-color: #6d82a7;

  }

}



@media (min-width: 769px) and (max-width: 992px) {

  .igood-info .row:nth-child(1) li:nth-child(2)::before {

    border-color: transparent transparent transparent #fff;

    left: 50%;

    margin-left: 0;

  }

  .igood-info .row:nth-child(1) li:nth-child(2):hover::before {

    border-color: transparent transparent transparent #6d82a7;

  }

}



@media (min-width: 769px) and (max-width: 992px) {

  .igood-info .row:nth-child(2) li:nth-child(1)::before {

    border-color: transparent #fff transparent transparent;

    left: 50%;

    margin-left: -24px;

  }

  .igood-info .row:nth-child(2) li:nth-child(1):hover::before {

    border-color: transparent #6d82a7 transparent transparent;

  }

}

.igood-info .content {

  padding: 8% 40px 0;

  position: relative;

}

.igood-info h3 {

  font-size: 24px;

  margin-bottom: 20px;

  color: #6d82a7;

}

.igood-info .info p {

  margin-top: 16px;

  padding-left: 20px;

  position: relative;

  line-height: 25px;

}

.igood-info .info p::before {

  content: "";

  display: block;

  width: 8px;

  height: 8px;

  background: #6d82a7;

  border-radius: 50%;

  position: absolute;

  left: 0;

  top: 7px;

}



@media (min-width: 1200px) {

  .igood-info .img {

    overflow: hidden;

  }

  .igood-info .img img {

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    -moz-transition: 0.5s;

    transition: 0.5s;

  }

  .igood-info .img:hover img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

  }

}



@media (max-width: 1600px) {

  .igood-info .content {

    padding: 5% 3% 0;

  }

  .igood-info .row:nth-child(2) .content {

    padding-top: 10%;

  }

  .igood-info .info p {

    margin-top: 6px;

  }

}



@media (max-width: 1360px) {

  .igood-info .content {

    padding: 4% 3% 0;

  }

  .igood-info .row:nth-child(2) .content {

    padding-top: 10%;

  }

  .igood-info h3 {

    font-size: 22px;

  }

}



@media (max-width: 1200px) {

  .igood-info h3 {

    font-size: 20px;

    margin-bottom: 10px;

  }

  .igood-info .info {

    font-size: 13px;

  }

  .igood-info .info p {

    margin-top: 4px;

    padding-left: 14px;

  }

  .igood-info .info p::before {

    width: 6px;

    height: 6px;

  }

}



@media (max-width: 992px) {

  .igood-info h3 {

    font-size: 26px;

    margin-bottom: 20px;

  }

  .igood-info .info {

    font-size: 14px;

  }

  .igood-info .info p {

    margin-top: 10px;

  }

}



@media (max-width: 768px) {

  .igood-info img {

    width: 100%;

  }

  .igood-info li {

    margin-bottom: 0.5rem;

  }

}



@media (max-width: 480px) {

  .igood-info .content {

    padding-top: 0.4rem !important;

    position: relative;

    background: rgba(255, 255, 255, 0.9);

  }

  .igood-info h3 {

    font-size: 20px;

    margin: 0.5rem 0;

    text-align: center;

    font-weight: bold;

  }

  .igood-info .info {

    /* padding-top: 10px; */

    position: relative;

    margin-left: -0.2rem;

  }

  .igood-info .info p {

    margin-top: 6px;

  }

}



@media (max-width: 767px) {

  .hidden-xs {

    display: none !important;

  }

}



@media (min-width: 768px) and (max-width: 991px) {

  .hidden-sm {

    display: none !important;

  }

}



@media (min-width: 992px) and (max-width: 1199px) {

  .hidden-md {

    display: none !important;

  }

}



@media (min-width: 1200px) {

  .hidden-lg {

    display: none !important;

  }

}

/*首页产品*/

.iproject {

  background: #f3f3f3;

  padding: 66px 0;

}

.iproject .swiper-pagination-bullet-active {

  background: #6d82a7 !important;

}

.iproject .swiper-pagination-bullet {

  width: 12px !important;

  height: 12px !important;

  border-radius: 6;

  background: #999;

  opacity: 1 !important;

  margin: 0 5px;

}

.iproject .swiper-container-horizontal > .swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

  bottom: 0 !important;

}

.iproject .col-sm-6 {

  width: 50%;

}

.iproject-con {

  padding-top: 66px;

}

.iproject-con .pic {

  width: 100%;

  overflow: hidden;

}

.iproject-con .pic img {

  width: 100%;

}

.iproject-con dd {

  display: block;

  margin-bottom: 20px;

}

.iproject-con .row {

  margin-right: 0px;

  margin-left: 0px;

}

.iproject-con dd img {

  width: 100%;

}

.iproject-con dd .img {

  overflow: hidden;

}

.iproject-con dd img,

.iproject-con .pic img {

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  -moz-transition: 0.5s;

  transition: 0.5s;

}

.iproject-con .down {

  margin-top: 5px;

}

.iproject-con .down a {

  color: #fff;

}

.iproject-con dd:hover img {

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

  transform: scale(1.1);

}

.iproject-con dd .txt {

  padding: 10px;

  text-align: center;

  background: #fff;

}

.iproject-con dd .txt span {

  display: block;

  font-size: 16px;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

}

.iproject-con dd .txt span a {

  color: #111;

}

.iproject-con dd .txt em {

  display: block;

  line-height: 24px;

}

.iproject-con dd .txt em a {

  color: #7a7a7a;

}

.iproject .basemore {

  margin-top: 0.4rem;

}



@media (min-width: 640px) {

  .iproject .hd {

    margin-bottom: 0.54rem;

    position: relative;

    height: 70px;

  }

  .iproject .ihd {

    position: absolute;

  }

  .iproject .pnext {

    position: absolute;

    right: 0;

    bottom: 0;

    z-index: 555;

  }

}

.iproject .pnext {

  width: 2.44rem;

  height: 0.52rem;

  z-index: 555;

  display: -webkit-flex;

  display: flex;

  display: -webkit-box;

  display: box;

  -webkit-align-items: center;

  align-items: center;

  -webkit-box-align: center;

  box-align: center;

  background: #fff;

}

.iproject .pnext .pbtn {

  width: 50%;

  height: 0.52rem;

  background: #fff;

}

.iproject .pnext .next,

.iproject .pnext .prev {

  cursor: pointer;

}

.iproject .pnext .prev {

  background: url(../images/icl_on.png) no-repeat center #e6e6e6;

}

.iproject .pnext .next {

  background: url(../images/icr_on.png) no-repeat center;

}



@media (max-width: 639px) {

  .iproject .pnext {

    margin: 0 auto;

  }

  .iproject .hd {

    margin-bottom: 20px;

  }

  .iproject .ihd {

    text-align: center;

    margin-bottom: 20px;

  }

  .iproject .ihd ._line {

    background: #fff;

    display: none;

  }

  .iproject .ihd .en {

    padding-right: 23px;

    display: inline-block;

  }

  .iproject .ihd .en::after {

    content: "";

    display: block;

    width: 20px;

    height: 1px;

    background: #000;

    opacity: 0.4;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 5;

    right: 0;

  }

}

/*首页应用领域*/

.index-ly {

  background: #6d82a7;

  padding: 66px 0;

}

.index-ly .index-tit h2,

.index-ly .index-tit em {

  color: #fff;

}

.index-ly-con {

  width: 100%;

  margin-top: 50px;

  overflow: hidden;

  padding: 0 27px;

}

.index-ly-con .cover-box {

  position: relative;

  display: block;

  overflow: hidden;

  margin-bottom: 65px;

}

.index-ly-con .cover-box .img {

  overflow: hidden;

  width: 100%;

}

.index-ly-con .cover-tip {

  width: 100%;

  height: 100%;



  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

  filter: alpha(opacity=0);

  transition: all 0.4s ease 0s;

  z-index: 3;

}

.index-ly-con .cover-tip .bgbox {

  display: block;

  width: 100%;

  height: 100%;

  background-color: #000;

  opacity: 0.6;

  filter: alpha(opacity=60);

}

.index-ly-con .cover-tip .stit {

  font-size: 21px;

  font-weight: bold;

  line-height: 30px;

  width: 100%;

  text-align: center;

  position: absolute;

  left: 0;

  top: 50%;

  margin-top: -15px;

  color: #fff;

}

.index-ly-con .cover-box:hover .cover-tip {

  opacity: 1;

  filter: alpha(opacity=1);

}

.index-ly-con .cover-box:hover .coverimg {

  transform: scale(1.05, 1.05);

}

.index-ly-con .cover-box img {

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  -moz-transition: 0.5s;

  transition: 0.5s;

}

.index-ly-con .cover-box:hover img {

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

  transform: scale(1.1);

}

.swiper-good {

  --swiper-theme-color: #53b255;

}

.swiper-good .swiper-pagination {

  line-height: 1;

  font-size: 0;

  bottom: 0;

}

.swiper-good a {

  display: block;

  position: relative;

}

.swiper-good .img {

  background: #e5eaf0;

  transition: 0.3s;

}

.swiper-good .img img {

  display: block;

}

.swiper-good .info {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  height: 1rem;

  text-align: center;

  transition: 0.3s;

  padding: 0.2rem 0;

  line-height: 1.6;

}

.swiper-good .tit {

  font-size: 24px;

}

.swiper-good .type {

  font-size: 16px;

  color: #999;

}

.swiper-good li {

  padding: 20px 17px 30px;

  width: 29vw;

}

.swiper-good li .img {

  display: block;

  width: 100%;

}



@media (min-width: 992px) {

  .swiper-good li:hover .img {

    background: #fff;

  }

  .swiper-good li:hover .img {

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

  }

  .swiper-good li:hover .info {

    background: linear-gradient(90deg, #53b255, #38a9bf);

    color: #fff;

  }

  .swiper-good li:hover .info .type {

    color: #fff;

  }

}



@media (max-width: 1700px) {

  .swiper-good .tit {

    font-size: 20px;

  }

  .swiper-good .type {

    font-size: 14px;

  }

}



@media (max-width: 992px) {

  .swiper-good li {

    width: 33vw;

    padding: 20px 10px 40px;

  }

  .swiper-good .info {

    position: static;

  }

}



@media (max-width: 640px) {

  .swiper-good li {

    width: 50vw;

    padding: 20px 10px 40px;

  }

}



@media (max-width: 480px) {

  .swiper-good li {

    padding: 20px 6% 30px;

    width: 100vw;

  }

  .swiper-good .tit {

    font-size: 14px;

  }

  .swiper-good .type {

    font-size: 12px;

  }

}

.about-sc-swiper {

  padding: 0.86rem 0 1.3rem;

}



@media (min-width: 768px) {

  .about-sc-swiper li .info {

    bottom: -0.68rem;

    transition: 0.3s;

  }

  .about-sc-swiper li a {

    overflow: hidden;

  }

  .about-sc-swiper li a img {

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    -moz-transition: 0.5s;

    transition: 0.5s;

  }

  .about-sc-swiper li a:hover img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

  }

  .about-sc-swiper li a:hover .info {

    bottom: 0;

  }

}

/*首页新闻*/

.index-news {

  padding: 66px 0;

}

.index-news-menu {

  padding: 40px 0 60px 0;

  display: inline-block;

  margin: 0 auto;

}

.index-news-menu li {

  width: 198px;

  height: 42px;

  line-height: 42px;

  border: 1px solid #d7d7d7;

  text-align: center;

  float: left;

  margin: 0 14px;

}

.index-news-menu li a {

  font-size: 16px;

  color: #676767;

}

.index-news-menu li:hover {

  display: block;

  background: #6d82a7;

  border: 1px solid #6d82a7;

}

.index-news-menu li:hover a {

  color: #fff;

}

.index-news-swiper {

}

.index-news-swiper dd {

}

.index-news-swiper dd .img {

  overflow: hidden;

  border: 1px solid #d7d7d7;

}

.index-news-swiper dd img {

  width: 100%;

}

.index-news-swiper dd img {

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  -moz-transition: 0.5s;

  transition: 0.5s;

}

.index-news-swiper dd:hover img {

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

  transform: scale(1.1);

}

.index-news-swiper dd .txt {

  padding: 10px 0;

}

.index-news-swiper dd .txt span {

  display: block;

  font-size: 16px;

  font-weight: bold;

  text-align: center;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.index-news-swiper dd .txt span a {

  color: #252525;

}

.index-news-swiper dd .txt em {

  display: block;

  color: #7a7a7a;

  margin-top: 10px;

  text-align: center;

}

.index-news-swiper dd .txt p {

  line-height: 20px;

  margin-top: 10px;

  font-size: 14px;

}

.index-news-swiper .hd {

  margin-top: 35px;

}

.index-news-swiper .swiper-pagination-bullet-active {

  background: #6d82a7 !important;

}

.index-news-swiper .swiper-pagination-bullet {

  width: 12px !important;

  height: 12px !important;

  border-radius: 6;

  background: #999;

  opacity: 1 !important;

  margin: 0 5px;

}

.index-news-swiper .swiper-container-horizontal > .swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

  bottom: 0 !important;

}

.index-news-swiper .col-sm-6 {

  width: 50%;

}

.index-news .row {

  margin-right: 0px;

  margin-left: 0px;

}

/*底部*/

.foot-link {

  width: 100%;

  line-height: 25px;

  color: #3d3d3d;

}

.foot-link a {

  color: #3d3d3d;

  margin-right: 2px;

}

.foot-link a:hover {

  color: #000;

}

.foot {

  width: 100%;

  overflow: hidden;

  background: #778eb6;

}

.foot-con {

  padding: 60px 0;

  overflow: hidden;

}

.foot-con .row {

  margin-right: 0px;

  margin-left: 0px;

}

.foot-con .tit {

  margin-bottom: 19px;

  color: #fff;

  font-size: 22px;

}

.foot-con .add,

.foot-con .email,

.foot-con .http {

  line-height: 20px;

  margin-bottom: 11px;

  color: #fff;

}

.foot-con .tel {

  line-height: 20px;

  color: #fff;

}

.foot-con .tel span {

  display: block;

  margin-bottom: 11px;

}

.foot-con .tel p {

  padding-left: 65px;

  margin-bottom: 11px;

}

.foot-con dl {

  display: block;

}

.foot-con dl dt {

  margin-bottom: 20px;

  font-weight: normal !important;

  color: #fff;

  display: block;

  font-size: 22px;

}

.foot-con dl dd {

  display: block;

  line-height: 30px;

}

.foot-con dl dd a {

  color: #fff;

}

.foot-con i {

  margin-right: 10px;

  color: #fff;

}

.foot-con .fl {

  width: 50%;

}

.foot-pro,

.foot-pro a {

  line-height: 30px;

  color: #fff;

}

.weixin {

  margin-top: 15px;

}

.weixin img {

  display: block;

  margin: 0 auto;

}

.weixin span {

  display: block;

  margin-top: 15px;

  color: #fff;

  text-align: center;

}

.foot-fx {

  width: 80%;

  overflow: hidden;

  padding-top: 24px;

  margin: 0 auto;

}

.foot-fx img {

  margin: 0 8px;

  float: left;

}

.foot-copy {

  color: #fff;

  line-height: 60px;

  text-align: center;

  background: #4d6691;

}

.foot-copy a {

  color: #fff;

}

/*内页*/

.inner-ban {

  width: 100%;

  height: 520px;

}

.inner-ban img {

  display: none;

}

.video_ban {

  background: url("../images/video_ban.jpg") no-repeat center;

}

.about_ban {

  background: url("../images/about_ban.jpg") no-repeat center;

}

.Advantage_ban {

  background: url("../images/Advantage_ban.jpg") no-repeat center;

}

.pro_ban {

  background: url("../images/pro_ban.jpg") no-repeat center;

  display: none;

}

.field_ban {

  background: url("../images/field_ban.jpg") no-repeat center;

}

.news_ban {

  background: url("../images/news_ban.jpg") no-repeat center;

}

.inner {

  width: 100%;

  overflow: hidden;

  background: #fff;

  padding: 20px 0 90px 0;

}

.show_pro {

  padding: 20px 0;

}

.map {

  width: 100%;

}

.inner-menu {

  width: 100%;

  height: 128px;

  background: #6d82a7;

  display: block;

}

.inner-menu .tit {

  float: left;

  padding-top: 35px;

  color: #fff;

}

.inner-menu .tit p {

  margin-bottom: 13px;

  font-size: 35px;

}

.inner-menu .tit h1 {

  margin-bottom: 5px;

  font-size: 35px;

}

.page-nav {

  width: 70%;

  float: right;

  padding-top: 40px;

}

.page-nav ul {

  display: table;

  width: 100%;

}

.page-nav ul > * {

  display: table-cell;

  vertical-align: middle;

}

.page-nav a {

  display: inline-block;

  text-align: left;

  color: #fff;

}

.page-nav li {

  text-align: right;

}

.page-nav li:hover a,

.page-nav .active a {

  color: #ffffff;

}

.page-nav .id {

  position: relative;

}



.page-nav .id::after {

  content: "";

  display: inline-block;

  vertical-align: middle;

  margin-left: 10px;

  width: 30px;

  height: 1px;

  border-bottom: 1px solid #fff;

}

.page-nav span {

  font-size: 18px;

  margin-top: 5px;

  display: block;

}



@media (max-width: 1200px) {

  .page-nav {

    width: 80%;

  }

  .page-nav span {

    font-size: 15px;

  }

}

.m-ins-navbox {

  display: none;

}

.papg-menu {

  width: 100%;

  overflow: hidden;

  background: #6d82a7;

  display: block;

}

.papg-menu li {

  width: 105px;

  line-height: 67px;

  text-align: center;

  font-size: 15px;

  float: left;

  overflow: hidden;

}

.papg-menu li a {

  color: #fff;

}



@media (max-width: 991px) {

  .papg-menu {

    display: none;

  }

}

.filters {

  width: 100%;

  overflow: hidden;

  background: #fff;

}

.filters .filter-tabs {

  position: relative;

  float: left;

}

.filters li {

  position: relative;

  display: inline-block;

  line-height: 30px;

  padding: 10px 55px;

  cursor: pointer;

  color: #666;

  font-weight: 500;

  font-size: 16px;

  top: 0;

  font-family: "Roboto", sans-serif;

}

.filters a:hover,

.filters a:focus {

  text-decoration: underline;

}

.filters li:last-child {

  margin-right: 0;

}

.filters .filter.active,

.filters .filter:hover {

  background: #2ca6e0;

  color: #fff !important;

}

.filters .filter:hover a {

  color: #fff;

}

.filters .filter.active a {

  color: #fff;

  background: #2ca6e0;

}

/*products*/

.pro-top {

  margin-bottom: 20px;

  overflow: hidden;

}

.pro-top img {

  width: 100%;

}

.pro-main {

  margin-bottom: 20px;

  overflow: hidden;

  background: #fff;

}

.pro-main .pic {

  width: 100%;

}

.pro-main .pic img {

}

.pro-main .con {

  padding: 50px 50px 40px 50px;

}

.pro-main .tit_1 {

  font-size: 26px;

  font-weight: bold;

  color: #000;

  margin-bottom: 22px;

}

.pro-main .tit_2 {

  font-size: 18px;

  line-height: 32px;

  color: #333;

  margin-bottom: 20px;

}

.pro-main .txt {

  line-height: 32px;

  color: #999;

}

.pro-main .txt i {

  font-size: 12px;

  margin-right: 10px;

}

/*关于我们*/

.inner-about {

  width: 100%;

  overflow: hidden;

  padding: 20px 0 80px 0;

  background: #fff;

}

.inner-about .con {

  margin-top: 65px;

}

.inner-about .img {

  overflow: hidden;

}

.inner-about .img img {

  width: 100%;

}

.inner-about .txt {

  line-height: 28px;

}

/*企业文化*/

.inner-qywh {

  width: 100%;

  overflow: hidden;

  padding: 75px 0;

  background: #f1f1f1;

}

.inner-qywh .con {

  margin-top: 52px;

}

.inner-qywh .con .qywh-box {

  background: #fff;

}

.inner-qywh .con .qywh-box .txt {

  padding: 50px 0;

  width: 100%;

  text-align: center;

}

.inner-qywh .con .qywh-box .txt .t-1 {

  font-size: 20px;

  color: #303031;

  margin-bottom: 13px;

}

.inner-qywh .con .qywh-box .txt .line {

  width: 30px;

  height: 1px;

  background: #6d82a7;

  margin: 0 auto;

}

.inner-qywh .con .qywh-box .txt .t-2 {

  margin-top: 26px;

  font-size: 15px;

  color: #303031;

  padding: 0px 20px;

  line-height: 24px;

}

.inner-qywh .con .qywh-box .img {

  overflow: hidden;

}

.inner-qywh .con .qywh-box .img img {

  width: 100%;

}

/*荣誉资质*/

.inner-honor {

  width: 100%;

  overflow: hidden;

  padding: 90px 0 55px 0;

  background: url("../images/inner-honor-bg.jpg") no-repeat center;

}

.inner-honor-txt {

  padding: 22px 0 50px 0;

  width: 100%;

  text-align: center;

  line-height: 28px;

  font-size: 18px;

  color: #909090;

}

.inner-honor-swiper {

  margin-top: 10px;

}

.inner-honor ul {

  white-space: nowrap;

}

.inner-honor li {

  text-align: center;

  display: inline-block;

  margin-bottom: 30px;

}

.inner-honor .img {

  overflow: hidden;

}

.inner-honor .img img {

  max-width: 90%;

  margin-bottom: 5px;

}



@media (min-width: 1201px) {

  .inner-honor li {

    width: 20%;

  }

}



@media (max-width: 1200px) {

  .inner-honor .swiper-pagination {

    font-size: 0;

    bottom: 0;

  }

  .inner-honor li {

    width: 25%;

  }

  .inner-honor .img img {

    margin-bottom: 3px;

  }

}



@media (max-width: 991px) {

  .inner-honor-swiper {

    margin-top: 20px;

  }

}



@media (max-width: 768px) {

  .inner-honor li {

    width: 50%;

  }

}



@media (max-width: 640px) {

  .inner-honor li {

    width: 50%;

  }

}

.inner-honor .hd {

  margin-top: 54px;

  height: 33px;

  width: 277px;

  margin: 0 auto;

}

.inner-honor .pnext {

  width: 277px;

  height: 33px;

  z-index: 555;

  display: inline-block;

  margin: 0 auto;

}

.inner-honor .pnext .pbtn {

  width: 50%;

  height: 33px;

  background: #fff;

}

.inner-honor .pnext .next,

.inner-honor .pnext .prev {

  cursor: pointer;

}

.inner-honor .pnext .prev {

  width: 33px;

  height: 33px;

  float: left;

  background: url(../images/icl_on.png) no-repeat;

}

.inner-honor .pnext .next {

  width: 33px;

  height: 33px;

  float: right;

  background: url(../images/icr_on.png) no-repeat;

}



@media (max-width: 639px) {

  .inner-honor .pnext {

    margin: 0 auto;

  }

  .inner-honor .hd {

    margin-bottom: 20px;

  }

}

/*发展历程*/

.faz {

  width: 100%;

  background: url("../images/abm4bj_06.jpg") no-repeat center;

}

.abM4 {

  padding-left: 8%;

  padding-right: 8%;

  padding-top: 43px;

}

.abM4Tit {

  color: #333;

  font-size: 34px;

}

.abM4Bri {

  color: #505050;

  line-height: 30px;

  padding-top: 20px;

  font-size: 22px;

}

.nianCon {

  width: 823px;

  padding-bottom: 36px;

}

.history_info {

  width: 100%;

}

.nianConP1 {

  font-size: 24px;

  color: #6d82a7;

  padding-right: 50px;

  position: relative;

  display: inline-block;

}

.niancontxt {

  width: 690px;

  height: 200px;

  padding-top: 10px;

  line-height: 30px;

  font-size: 20px;

}

.nianConP1:before {

  content: "";

  width: 35px;

  height: 2px;

  background: #6d82a7;

  position: absolute;

  right: 0;

  top: 50%;

}

.nianConP2 {

  font-size: 22px;

  color: #333;

  line-height: 40px;

}

.abM4Con {

  padding-top: 50px;

}

.ms-skin-default .ms-nav-next,

.ms-skin-default .ms-nav-prev {

  display: block;

  width: 35px;

  height: 35px;

  margin: 0;

}

.ms-skin-default .ms-nav-next {

  background: #000;

  left: initial;

  right: 0;

  top: initial;

  bottom: 90px;

  background: url("../images/xiajt.png") no-repeat center bottom;

}

.ms-skin-default .ms-nav-prev {

  background: #000;

  left: initial;

  right: 0;

  top: -40px;

  background: url("../images/shangjt.png") no-repeat center top;

}

.ms-skin-default .ms-nav-next:hover {

  background-position: center top;

}

.ms-skin-default .ms-nav-prev:hover {

  background-position: center bottom;

}

.ms-inner-controls-cont,

.ms-container {

  position: initial !important;

}

.ms-thumb-frame .ms-thumb {

  font-size: 22px;

  color: #959595;

  text-align: right;

}

.ms-thumb-frame-selected .ms-thumb {

  font-size: 36px;

  color: #6d82a7;

}

.master-slider {

  overflow: initial;

}



@media (max-width: 991px) {

  .abM4 {

    padding-left: 2%;

    padding-right: 2%;

    padding-top: 12px;

  }

  .niancontxt {

    width: 33%;

    line-height: 30px;

    font-size: 14px;

  }

  .abM4Tit {

    font-size: 28px;

  }

  .abM4Bri {

    font-size: 16px;

  }

}

/*活力团队*/

.inner-td {

  width: 100%;

  overflow: hidden;

  padding: 90px 0 55px 0;

}

.inner-td-swiper {

  margin-top: 55px;

}

.inner-td ul {

  white-space: nowrap;

}

.inner-td li {

  text-align: center;

  display: inline-block;

  margin-bottom: 30px;

}

.inner-td .img {

  overflow: hidden;

}

.inner-td .img img {

  max-width: 90%;

  margin-bottom: 5px;

}

.inner-td .txt {

  text-align: center;

  width: 100%;

  padding-top: 10px;

  font-size: 18px;

  color: #555454;

}



@media (min-width: 1201px) {

  .inner-td li {

    width: 25%;

  }

}



@media (max-width: 1200px) {

  .inner-td .swiper-pagination {

    font-size: 0;

    bottom: 0;

  }

  .inner-td li {

    width: 25%;

  }

  .inner-td .img img {

    margin-bottom: 3px;

  }

}



@media (max-width: 991px) {

  .inner-td-swiper {

    margin-top: 20px;

  }

}



@media (max-width: 768px) {

  .inner-td li {

    width: 50%;

  }

}



@media (max-width: 640px) {

  .inner-td li {

    width: 50%;

  }

}

.inner-td .hd {

  margin-top: 54px;

  height: 33px;

  width: 277px;

  margin: 0 auto;

}

.inner-td .pnext {

  width: 277px;

  height: 33px;

  z-index: 555;

  display: inline-block;

  margin: 0 auto;

}

.inner-td .pnext .pbtn {

  width: 50%;

  height: 33px;

  background: #fff;

}

.inner-td .pnext .next,

.inner-td .pnext .prev {

  cursor: pointer;

}

.inner-td .pnext .prev {

  width: 33px;

  height: 33px;

  float: left;

  background: url(../images/icl_on.jpg) no-repeat;

}

.inner-td .pnext .next {

  width: 33px;

  height: 33px;

  float: right;

  background: url(../images/icr_on.jpg) no-repeat;

}



@media (max-width: 639px) {

  .inner-td .pnext {

    margin: 0 auto;

  }

  .inner-td .hd {

    margin-bottom: 20px;

  }

}

/*研发环境*/

.inner-yf {

  width: 100%;

  overflow: hidden;

  padding: 20px 0 55px 0;

}

.inner-yf-swiper {

  margin-top: 55px;

  position: relative;

}

.inner-yf-txt {

  padding: 22px 150px 50px 150px;

  width: 100%;

  text-align: center;

  line-height: 28px;

  font-size: 16px;

  color: #909090;

}

.inner-yf ul {

  white-space: nowrap;

}

.inner-yf li {

  text-align: center;

  margin-bottom: 30px;

  width: 33.33%;

  padding: 0 30px;

}

.inner-yf li:hover .txt {

  display: block;

  background: #cb252b;

}

.inner-yf .img {

  overflow: hidden;

}

.inner-yf .img img {

  width: 100%;

}

.inner-yf .txt {

  text-align: center;

  width: 100%;

  line-height: 68px;

  font-size: 24px;

  color: #fff;

  background: #9cadb7;

}



@media (max-width: 1200px) {

  .inner-yf .swiper-pagination {

    font-size: 0;

    bottom: 0;

  }

  .inner-yf li {

    width: 33.33%;

  }

}



@media (max-width: 991px) {

  .inner-yf {

    padding: 30px 0 20px 0;

  }

  .inner-yf-swiper {

    margin-top: 20px;

  }

  .inner-yf-txt {

    padding: 22px 10px 30px 10px;

    font-size: 14px;

  }

  .inner-yf li {

    width: 100%;

    padding: 0;

  }

  .inner-yf .txt {

    font-size: 18px;

  }

}

.inner-yf .pnext .next,

.inner-yf .pnext .prev {

  cursor: pointer;

}

.inner-yf .pnext .prev {

  width: 42px;

  height: 42px;

  background: url(../images/yfl_on.jpg) no-repeat;

  position: absolute;

  left: 10px;

  top: 35%;

  z-index: 9999;

}

.inner-yf .pnext .next {

  width: 42px;

  height: 42px;

  background: url(../images/yfr_on.jpg) no-repeat;

  position: absolute;

  right: 10px;

  top: 35%;

  z-index: 9999;

}

/*生产设备*/

.inner-s {

  width: 100%;

  overflow: hidden;

  padding: 80px 0;

  background: #f1f1f1;

}

.inner-s-swiper {

  margin-top: 55px;

}

.inner-s ul {

}

.inner-s li {

  width: 50vw;

  padding: 39px;

  background: #fff;

  margin: 0 44px;

}

.inner-s .img {

  overflow: hidden;

}

.inner-s .img img {

  width: 100%;

}

.inner-s .txt {

  padding-top: 50px;

  overflow: hidden;

}

.inner-s .txt span {

  display: block;

  font-size: 24px;

  color: #404246;

  margin-bottom: 32px;

}

.inner-s .txt p {

  line-height: 28px;

}



@media (max-width: 1200px) {

  .inner-s .swiper-pagination {

    font-size: 0;

    bottom: 0;

  }

}



@media (max-width: 991px) {

  .inner-s {

    padding: 30px 0 20px 0;

  }

  .inner-s-swiper {

    margin-top: 20px;

  }

  .inner-s li {

    margin: 0 5px;

    width: 86vw;

    padding: 20px;

  }

  .inner-s .txt {

    padding-top: 20px;

  }

  .inner-s .prev {

    top: 20% !important;

  }

  .inner-s .next {

    top: 20% !important;

  }

}

.inner-s .prev {

  width: 42px;

  height: 42px;

  background: url(../images/yfl_on.jpg) no-repeat;

  position: absolute;

  top: 50%;

  left: calc((25% - 44px - 24px));

  z-index: 9999;

}

.inner-s .next {

  width: 42px;

  height: 42px;

  background: url(../images/yfr_on.jpg) no-repeat;

  position: absolute;

  top: 50%;

  right: calc((25% - 44px - 24px));

  z-index: 9999;

}

/*专利证书*/

.inner-zs {

  width: 100%;

  overflow: hidden;

  padding: 107px 48px;

  background: url("../images/inner-zs-bg.jpg") no-repeat center;

}

.inner-zs-top {

}

.inner-zs-top .txt {

  color: #fff;

}

.inner-zs-top .txt .t-1 {

  margin-bottom: 11px;

  font-size: 40px;

}

.inner-zs-top .txt .t-2 {

  margin-bottom: 11px;

}

.inner-zs-top .txt .t-3 {

  margin-bottom: 16px;

  line-height: 40px;

  font-size: 28px;

  font-weight: bold;

}

.inner-zs-top .txt .t-4 {

  font-size: 16px;

}

.inner-zs-top .pic {

  float: right;

  margin-top: 127px;

}

.inner-zs-swiper {

  margin-top: 74px;

}

.inner-zs ul {

}

.inner-zs li {

  text-align: center;

  display: inline-block;

  margin-bottom: 30px;

}

.inner-zs .img {

  overflow: hidden;

}

.inner-zs .img img {

  width: 88%;

  margin-bottom: 5px;

}



@media (min-width: 1201px) {

  .inner-zs li {

    width: 20%;

  }

}



@media (max-width: 1200px) {

  .inner-zs .swiper-pagination {

    font-size: 0;

    bottom: 0;

  }

  .inner-honor li {

    width: 50%;

  }

}



@media (max-width: 991px) {

  .inner-zs {

    padding: 30px 15px;

  }

  .inner-zs-swiper {

    margin-top: 20px;

  }

  .inner-zs-top .pic img {

    width: 100%;

  }

  .inner-zs-top .txt .t-1 {

    margin-bottom: 11px;

    font-size: 30px;

  }

  .inner-zs-top .txt .t-2 {

    margin-bottom: 11px;

  }

  .inner-zs-top .txt .t-3 {

    margin-bottom: 16px;

    line-height: 25px;

    font-size: 16px;

    font-weight: bold;

  }

  .inner-zs-top .txt .t-4 {

    font-size: 14px;

    line-height: 25px;

  }

  .inner-zs-top .pic {

    float: right;

    margin-top: 127px;

  }

}



@media (max-width: 768px) {

  .inner-zs li {

    width: 50%;

  }

}



@media (max-width: 640px) {

  .inner-zs li {

    width: 50%;

  }

}

.inner-zs .hd {

  margin-top: 54px;

  height: 33px;

  width: 277px;

  margin: 0 auto;

}

.inner-zs .pnext {

  width: 277px;

  height: 33px;

  z-index: 555;

  display: inline-block;

  margin: 0 auto;

}

.inner-zs .pnext .pbtn {

  width: 50%;

  height: 33px;

  background: #fff;

}

.inner-zs .pnext .next,

.inner-zs .pnext .prev {

  cursor: pointer;

}

.inner-zs .pnext .prev {

  width: 33px;

  height: 33px;

  float: left;

  background: url(../images/icl_on.png) no-repeat;

}

.inner-zs .pnext .next {

  width: 33px;

  height: 33px;

  float: right;

  background: url(../images/icr_on.png) no-repeat;

}



@media (max-width: 639px) {

  .inner-zs .pnext {

    margin: 0 auto;

  }

  .inner-zs .hd {

    margin-bottom: 20px;

  }

}

/*合作伙伴*/

.inner-hz {

  width: 100%;

  overflow: hidden;

  padding: 152px 0 139px 0;

  background: url("../images/inner-hz-bg.jpg") no-repeat center;

}

.inner-hz .img {

  overflow: hidden;

}

.inner-hz .img img {

  width: 100%;

}

.inner-hz .txt {

  margin-top: 130px;

  padding: 0 33px;

}

.inner-hz .t-1 {

  margin-bottom: 11px;

  font-size: 40px;

  color: #1b1b1c;

}

.inner-hz .t-2 {

  color: #8c8d8e;

}

.inner-hz .t-3 {

  margin-top: 40px;

  line-height: 29px;

  font-size: 16px;

  color: #6c6c6c;

}



@media (max-width: 991px) {

  .inner-hz {

    padding: 0 0 30px 0;

  }

  .inner-hz .img {

    margin-top: 50px;

  }

  .inner-hz .t-1 {

    font-size: 30px;

  }

  .inner-hz .txt {

    margin-top: 50px;

    padding: 0 10px;

  }

}

/*视频中心*/

.inner-video {

  padding: 20px 0 97px 0;

}

.inner-video .video-con {

  padding: 55px 0;

}

.inner-video .video-con .info {

  margin-bottom: 50px;

}

.inner-video .video-con .info .img {

  overflow: hidden;

}

.inner-video .video-con .info .img img {

  width: 100%;

}

.inner-video .video-con .info .txt {

  background: #6d82a7;

  text-align: center;

  line-height: 68px;

  font-size: 24px;

}

.inner-video .video-con .info .txt a {

  color: #fff;

}

.inner-video .video-con .info:hover .txt a {

  display: block;

  background: #cb252b;

}



@media (max-width: 991px) {

  .inner-video {

    padding: 50px 0;

  }

  .inner-video .video-con {

    padding: 30px 0;

  }

  .inner-video .video-con .info {

    margin-bottom: 30px;

  }

  .inner-video .video-con .info .txt {

    line-height: 50px;

    font-size: 18px;

  }

}

/*行业领域*/

.inner-field {

  width: 100%;

  overflow: hidden;

  padding: 20px 0 80px 0;

}

.inner-field .tit {

  width: 100%;

  font-size: 40px;

  margin-bottom: 35px;

  color: #1b1b1c;

}

.inner-field .txt {

  font-size: 16px;

  line-height: 26px;

}

.inner-field .img {

  overflow: hidden;

}

.inner-field .img img {

  float: right;

}



@media (max-width: 991px) {

  .inner-field {

    padding: 30px 0;

  }

  .inner-field .tit {

    font-size: 30px;

    margin-bottom: 25px;

  }

  .inner-field .txt {

    font-size: 14px;

  }

  .inner-field .img img {

    float: none;

    width: 100%;

  }

}

.other-pro {

  width: 100%;

  overflow: hidden;

  padding: 40px 0;

  background: #efefef;

}

.other-pro .other-pro-con {

  margin-top: 30px;

}

.other-pro .other-pro-con .con {

  margin-bottom: 20px;

}

.other-pro .other-pro-con .con .img {

  overflow: hidden;

}

.other-pro .other-pro-con .con .txt {

  padding: 10px;

  background: #fff;

  width: 100%;

  text-align: center;

}

.other-pro .other-pro-con .con .txt span {

  display: block;

  font-size: 16px;

}

.other-pro .other-pro-con .con .txt span a {

  color: #111;

}

.other-pro .other-pro-con .con .txt em {

  display: block;

  line-height: 24px;

  height: 73px;

}

.other-pro .other-pro-con .con:hover .txt {

  display: block;

  background: #6d82a7;

}

.other-pro .other-pro-con .con:hover .txt span a,

.other-pro .other-pro-con .con:hover .txt em {

  color: #fff;

}



@media (max-width: 991px) {

  .other-pro {

    padding: 40px 0;

    background: #efefef;

  }

  .other-pro .other-pro-con {

    margin-top: 35px;

  }

  .other-pro .other-pro-con .con .txt span {

    font-size: 16px;

    line-height: 20px;

  }

  .other-pro .other-pro-con .con .txt em {

    display: none;

  }

  .other-pro .other-pro-con .col-sm-6 {

    width: 50%;

  }

  .other-pro .other-pro-con .con .img img {

    width: 100%;

  }

}



/*相关产品+新闻*/

.list_related {

  margin: 40px 0;

  width: 100%;

  overflow: hidden;

}

.left_h {

  /* background: url(../images/title_line.jpg) left bottom no-repeat; */

  font-size: 30px;

  color: #1b1b1c;

  text-align: center;

  display: block;

  padding-bottom: 10px;

}



.related_product {

  clear: both;

  font-size: 15px;

  padding: 20px 0;

  float: left;

  width: 100%;

}

.related_product li img {

  width: 100%;

  border: 1px solid #ddd;

}

.related_product li span {

  display: block;

  max-height: 44px;

  line-height: 22px;

  margin: 5px 0;

  text-align: center;

  overflow: hidden;

}

.related_product li span a {

}

.related_product li span a:hover {

  color: #337ab7;

}



.related_news {

  margin: 10px 0;

  /* padding: 0 15px; */

  /* font-size: 15px; */

  float: left;

  clear: both;

  width: 100%;

}

.related_news li {

  color: #898989;

  background: url(../images/li.png) no-repeat left 15px;

  line-height: 30px;

  height: 40px;

  font-size: 16px;

  float: left;

  overflow: hidden;

  padding: 5px 0px;

  padding-left: 10px;

  border-bottom: 1px dashed #e3e2e2;

}

.related_news li a {

  text-overflow: ellipsis;

  overflow: hidden;

  display: inline-block;

}

.related_news li a:hover {

  text-decoration: none;

  color: #337ab7;

}

.related_news li span {

  float: right;

  margin-right: 10px;

}

@media screen and (max-width: 991px) {

  .related_news li span {

    display: none;

  }

  .left_h {

    font-size: 20px;

  }

}



.inner-pro {

  width: 100%;

  overflow: hidden;

  padding: 20px 0 90px 0;

  background: #efefef;

}

.inner-pro.null_bg {

  background: none;

}

.inner-pro .inner-pro-con {

  margin-top: 55px;

}

.inner-pro .inner-pro-con .con {

  margin-bottom: 20px;

}

.inner-pro .inner-pro-con .con .img {

  overflow: hidden;

}

.inner-pro .inner-pro-con .con .img img {

  width: 100%;

}

.inner-pro .inner-pro-con .con .txt {

  padding: 10px 20px;

  background: #fff;

  width: 100%;

  text-align: center;

}

.inner-pro .inner-pro-con .con .txt span {

  display: block; /*margin-bottom: 12px;*/

  font-size: 18px;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

}

.inner-pro .inner-pro-con .con .txt span a {

  color: #111;

}

.inner-pro .inner-pro-con .con .txt em {

  display: block;

  line-height: 24px;

  height: 73px;

}

.inner-pro .inner-pro-con .con:hover .txt {

  display: block;

  background: #6d82a7;

}

.inner-pro .inner-pro-con .con:hover .txt span a,

.inner-pro .inner-pro-con .con:hover .txt em {

  color: #fff;

}



@media (max-width: 991px) {

  .inner-pro {

    padding: 40px 0;

    background: #efefef;

  }

  .inner-pro .inner-pro-con {

    margin-top: 35px;

  }

  .inner-pro .inner-pro-con .con {

    margin-bottom: 20px;

  }

  .inner-pro .inner-pro-con img {

    width: 100%;

  }

  .inner-pro .inner-pro-con .con .txt span {

    font-size: 14px;

    line-height: 20px;

  }

  .inner-pro .inner-pro-con .con .txt em {

    display: none;

  }



  .inner-pro .inner-pro-con .col-sm-6 {

    width: 50%;

  }

  .inner-pro .inner-pro-con .con .img img {

    width: 100%;

  }

}

/*======================

Contact Page Style

========================*/

.contact-lx {

  width: 100%;

  padding-bottom: 50px;

  overflow: hidden;

  background: #f4f6f8;

}

.contact-lx i {

  margin-right: 15px;

  color: #6d82a7;

}

.contact-info-item {

  border: 1px solid #e1e1e1;

  text-align: center;

  padding: 60px 20px;

  margin-top: 30px;

  line-height: 20px;

}

.contact-info-item .con-info-icon {

  border: 1px solid #6d82a7;

  border-radius: 100px;

  color: #6d82a7;

  font-size: 35px;

  margin: 0 auto 20px;

  -webkit-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

  line-height: 60px;

  height: 60px;

  width: 60px;

}

.contact-info-item .con-info-txt h4 {

  font-size: 18px;

  margin-top: -2px;

}

.contact-info-item:hover .con-info-icon {

  background-color: #6d82a7;

  color: #ffffff;

}

.contact-form-content span {

  font-size: 20px;

  text-transform: uppercase;

  margin-top: -3px;

}

.input-item {

  margin-top: 30px;

}

.input-item input,

.input-item textarea {

  border: 1px solid #e1e1e1;

  display: block;

  padding: 12px 15px;

  -webkit-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

  width: 100%;

}

.input-item input:focus,

.input-item textarea:focus {

  border-color: #eeb644;

}

.input-item .nice-select {

  border-color: #e1e1e1;

  height: 50px;

  padding-left: 15px;

  line-height: 50px;

}

.input-item .nice-select .list {

  max-height: 200px;

  overflow: auto;

}

.input-item .btn-brand {

  font-size: 14px;

  border-radius: 2px;

  margin-top: 10px;

  letter-spacing: 1.6px;

}

.contact-form-content {

  margin-top: 80px;

}

.contact-map {

  height: 500px;

}

.contact-map img {

  width: 100%;

}



@media only screen and (max-width: 767.98px) {

  .contact-map {

    height: 300px;

  }

}

.btn-brand {

  background-color: #6d82a7;

  border-color: #6d82a7;

  border-radius: 25px;

  color: #fff;

}

.btn-brand:hover {

  background-color: #d8d8d8;

  border-color: #d8d8d8;

}

/*NEWS*/

.inner-news {

  padding: 20px 0;

}

.news-box {

  margin-bottom: 50px;

  background: #e9e9e9;

  width: 100%;

  overflow: hidden;

  margin-top: 55px;

}

.news-box .t-1 {

  height: 27px;

  line-height: 27px;

}

.news-box .t-1 .time {

  float: left;

  margin-right: 13px;

  padding: 0 70px 0 30px;

}

.news-box .tit {

  height: 40px;

  font-size: 28px;

  font-weight: bold;

  margin-top: 50px;

  padding: 0 70px 0 30px;

}

.news-box .tit a {

  color: #111;

  text-decoration: underline;

}

.news-box .txt {

  line-height: 28px;

  padding: 0 70px 0 30px;

}

.news-img {

  width: 100%;

  height: auto;

}

.news-list {

}

.news-list .con {

  background: #e9e9e9;

  overflow: hidden;

  display: block;

  margin-bottom: 40px;

  padding: 12px 36px;

}

.news-list .con:hover {

  background: #6d82a7;

  color: #fff;

}

.news-list .con:hover .time {

  border-right: 1px solid #fff;

}

.news-list .con:hover .time span,

.index-news .con .new-list li:hover .time em {

  color: #fff;

}

.news-list .con:hover .txt span a {

  color: #fff;

}

.news-list .con .time {

  padding: 7px 34px 7px 0;

  border-right: 1px solid #cfcfcf;

  text-align: center;

  float: left;

  display: block;

}

.news-list .con .time span {

  font-size: 55px;

  font-weight: bold;

  color: #343434;

  margin-bottom: 9px;

  display: block;

}

.news-list .con .txt {

  width: 80%;

  float: right;

}

.news-list .con .txt span {

  font-size: 18px;

  display: block;

  margin-top: 5px;

  margin-bottom: 8px;

}

.news-list .con .txt span a {

  color: #111;

  font-weight: bold;

}

.news-list .con .txt em {

  line-height: 22px;

  display: block;

}

.news-info {

  width: 100%;

  overflow: hidden;

  background: #fff;

  padding: 50px 30px;

}

.news-info h1 {

  font-size: 26px;

  text-align: center;

}

.news-info .rightwrap h2 {

  font-size: 18px;

  line-height: 30px;

  padding: 10px 14px;

  margin-bottom: 10px;

  background: #6d82a7;

  color: #fff;

}

.news-info .rightwrap {

  overflow: hidden;

}

.news-info em {

  display: block;

  font-weight: normal;

  /* margin-bottom: 12px; */

  color: #505050;

}

.news-info .entry-meta {

  padding: 8px 20px;

  background: #fff;

  overflow: hidden;

  color: #505050;

  line-height: 36px;

  font-size: 14px;

  text-align: center;

}

.news-info .contwrap {

  font-size: 16px;

  padding-top: 20px;

  padding-bottom: 40px;

  color: #555;

  line-height: 30px;

}

.news-info .contwrap h2 {

  font-size: 16px;

  line-height: 40px;

  font-weight: bold;

}

.news-info .contwrap img {

  display: block;

  margin: 0 auto;

}

.news-info .contwrap video {

  max-width: 100%;

  max-height: 400px;

}

.news-info .contwrap p {

  margin: 10px 0;

}

.news-info .contwrap p a {

  color: #0e5ade;

}



@media (max-width: 990px) {

  .news-info .contwrap img {

    max-width: 100%;

  }

}

.news-info .rightwrap h6 {

  display: block;

  font-weight: bold;

  padding: 12px 14px;

  line-height: 23px;

  margin-bottom: 20px;

  background: #6d82a7;

  font-size: 16px;

  color: #fff;

}

.news-info .rightwrap ul {

  width: 100%;

}

.news-info .rightwrap li {

  width: 100%;

  overflow: hidden;

  padding-bottom: 10px;

  margin-bottom: 10px;

  border-bottom: 1px dashed #dadada;

}

.news-info .rightwrap li img {

  float: left;

  width: 35%;

  margin-right: 2%;

}

.news-info .rightwrap li .txt {

  float: right;

  width: 63%;

}

.news-info .rightwrap li span {

  display: block;

  line-height: 20px;

  height: 40px;

  font-size: 15px;

  overflow: hidden;

  margin-bottom: 10px;

}

.news-info .rightwrap li em {

  display: block;

  line-height: 20px;

}

.news-info .rightwrap li:last-child {

  border-bottom: none;

}

.news-info .rightwrap li a {

  color: #333;

}

.news-info .rightwrap li a:hover {

  color: #6d82a7;

}

.news-info .rightwrap li .post-date {

  display: block;

  line-height: 21px;

  font-size: 13px;

  color: #555;

  margin-top: 1px;

}

.paging {

  width: 100%;

  overflow: hidden;

  padding: 30px 0;

  width: 100%;

}

.paging .fl {

  font-size: 16px;

  line-height: 30px;

}

.news-info i {

  margin-right: 4px;

}

.paging a {

  color: #666;

}

.paging a:hover {

  color: #6d82a7;

}

.paging .return {

  border: 1px solid #ddd;

  display: block;

  height: 34px;

  line-height: 34px;

  margin-top: 10px;

  text-align: center;

  width: 100px;

  font-size: 14px;

}

.paging .return:hover {

  border: 1px solid #6d82a7;

  background-color: #6d82a7;

  color: #fff;

}

/*JOB*/

.joblist {

  clear: both;

}

.job-txt {

  font-size: 16px;

  color: #2a3b96;

  line-height: 35px;

}

.job-txt a {

  color: #2a3b96;

}

.job-tit {

  width: 100%;

  background: #2a3b96;

  height: 50px;

  display: block;

}

.job-tit li {

  float: left;

  line-height: 50px;

  color: #fff;

  font-size: 16px;

  text-align: center;

}

.job-tit .tit-1 {

  width: 270px;

}

.job-tit .tit-2 {

  width: 200px;

}

.job-tit .tit-3 {

  width: 220px;

}

.job-tit .tit-4 {

  width: 180px;

}

.jonav li {

  width: 25%;

}

.jot {

  background: #fff;

}

.jot:hover {

  background: #e9ebf4;

}

.joa {

  background: #e9ebf4;

}

.jotxs:hover .jot {

  background: #e9ebf4;

}

.jot span {

  display: block;

  width: 14%;

  float: left;

  line-height: 47px;

  height: 47px;

  overflow: hidden;

  font-size: 16px;

}

.jot span:first-child {

  padding-left: 4%;

  width: 26%;

}

.jod > span {

  color: #989898;

  cursor: pointer;

  transition: 300ms;

  -webkit-transition: 300ms;

}

.jotxs {

  position: relative;

  border-bottom: 1px solid #ccc;

  overflow: hidden;

}

.jos {

  display: none;

  padding-right: 1px;

}

.jos .bodr {

  border: 1px solid #eee;

  background: #fff;

  overflow: hidden;

  padding: 30px 5% 30px 5%;

  border-top: 0;

  line-height: 30px;

}

.jos .bodr span {

  display: block;

  border-top: 1px solid #eee;

  padding-top: 20px;

  margin-top: 20px;

}

.jotxs .line {

  background: #000;

  display: block;

  position: absolute;

}

.jotxs .line_1 {

  width: 21px;

  height: 1px;

  top: 23px;

  left: 15px;

}

.jotxs .line_2 {

  width: 1px;

  height: 21px;

  top: 13px;

  left: 25px;

}

.jotxs .arrow {

  width: 55px;

  height: 47px;

  position: absolute;

  top: 0;

  right: 0;

  transition: 300ms;

  -webkit-transition: 300ms;

}

.jotxs:hover .jod > span,

.jotxs.act .jod > span {

  color: #333;

}

.jotxs.act .arrow {

  transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

  -o-transform: rotate(45deg);

}

.jo2 {

}

.jos a {

  color: #666;

}

select.selbox {

  width: 100%;

  height: 48px;

  line-height: 48px;

  padding: 0px;

  outline: none;

  vertical-align: middle;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  font-family: "microsoft yahei";

  cursor: pointer;

  display: block;

  font-size: 14px;

  padding-left: 14px;

  border: 1px solid #ddd;

  color: #666;

}

.no-csstransitions select.selbox {

  padding-left: 0;

  background-image: none;

}

select.selbox option {

  padding: 2px 12px;

}

select.selbox:hover {

  color: #323232;

}

.jobview {

  width: 100%;

  margin-top: 30px;

  margin-bottom: 50px;

}

.jobview .list {

  margin-top: 30px;

}

.jobview .list dd {

  width: 48.5%;

  display: block;

  margin-bottom: 20px;

  margin-right: 3%;

  float: left;

}

.jobview .list dt {

  width: 100%;

  display: block;

}

.jobview .list dd:nth-child(2n + 2) {

  margin-right: 0;

}

.jobview .list .txt {

  background-color: #fff;

  border: 0px none;

  padding: 10px 12px;

  box-sizing: border-box;

  width: 100%;

  font: 14px/1.8 "microsoft yahei";

  border: 1px solid #ddd;

  color: #999;

}

.jobview .list .txt2 {

  height: 200px;

  margin-bottom: 0px;

}

.jobview .list .btn {

  text-align: center;

  margin: 20px auto;

}

.jobview .list .fromBtn {

  display: inline-block;

  width: 100%;

  max-width: 150px;

  margin: 0px auto;

  height: 50px;

  line-height: 50px;

  text-align: center;

  font-size: 14px;

  color: #fff;

  background-color: #0769b2;

  border: 0px;

  border-radius: 5px;

  margin-right: 20px;

  cursor: pointer;

}

.jobview .list .fromBtn:hover {

  background-color: #045b9c;

}

.search_info {

  width: 100%;

  height: 58px;

  overflow: hidden;

  background: #f6f6f6;

  border-radius: 30px;

  margin-top: 26px;

}

.search_info_txt {

  display: inline;

  float: left;

  width: 80%;

  height: 58px;

}

.search_info_txt_css {

  background-color: transparent;

  border-color: -moz-use-text-color;

  border-style: none;

  border-width: 0;

  color: #a2a2a2;

  float: left;

  width: 100%;

  height: 58px;

  line-height: 58px;

  overflow: hidden;

  text-indent: 40px;

}

.search_info_btn {

  float: left;

  width: 20%;

  height: 54px;

  position: relative;

}

.search_info_btn_css {

  background-color: transparent;

  border-color: -moz-use-text-color;

  border-style: none;

  border-width: 0;

  float: left;

  width: 100%;

  height: 54px;

  overflow: hidden;

  cursor: pointer;

  position: relative;

  z-index: 9999;

}

.search_info_btn i {

  position: absolute;

  top: 20px;

  left: 20px;

  font-size: 18px;

}

.list-pro-r {

}

.pro-pic {

  width: 100%;

  overflow: hidden;

  margin-bottom: 20px;

}

.pro-pic img {

  width: 100%;

  height: auto;

}

.list-pro-r .con {

  display: block;

  padding: 0;

  margin-bottom: 20px;

  overflow: hidden;

  background: #fff;

}

.list-pro-r .con img {

  display: block;

  width: 100%;

}

.list-pro-r .con:hover {

  background: #fff;

  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);

}

.list-pro-r .con:hover .txt em a {

  color: #cc0202;

}

.list-pro-r .con .txt {

  padding: 12px 0 30px 0;

  text-align: center;

}

.list-pro-r .con .txt span {

  display: block;

  color: #000;

  font-size: 16px;

  font-weight: bold;

  margin-bottom: 16px;

}

.list-pro-r .con .txt em {

  display: block;

  color: #666;

  font-weight: bold;

}

.list-pro-r .con .txt em a {

  color: #666;

}

.list-pro-r .con .txt span a {

  color: #000;

}

/*--------------------------------

Magnific JS Customization

----------------------------------*/

.ht-mfp {

  -webkit-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

}

.ht-mfp.mfp-bg {

  background: rgba(0, 0, 0, 0.4);

  -webkit-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

}

.ht-mfp .mfp-content {

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



@media only screen and (min-width: 1200px) {

  .ht-mfp .mfp-content {

    max-width: 70%;

  }

}

.ht-mfp .mfp-content .mfp-close {

  display: none;

}

.ht-mfp .mfp-close {

  background-color: #db0303;

  color: #ffffff;

  padding: 0;

  text-align: center;

  opacity: 0;

  top: 50px;

  right: 50px;

  height: 50px;

  width: 50px;

  line-height: 50px;

}



@media only screen and (max-width: 767.98px) {

  .ht-mfp .mfp-close {

    top: 30px;

    right: 30px;

    height: 40px;

    width: 40px;

    line-height: 40px;

  }

}

.ht-mfp .mfp-close:hover {

  background-color: #db0303;

}

.ht-mfp .mfp-arrow {

  background-color: #db0303;

  opacity: 1;

  margin-left: 15px;

  height: 55px;

  width: 55px;

}

.ht-mfp .mfp-arrow:before {

  display: none;

}

.ht-mfp .mfp-arrow:after {

  content: "\f104";

  color: #ffffff;

  font-family: "FontAwesome";

  font-size: 25px;

  line-height: 40px;

  text-align: center;

  margin: 0;

  padding: 0;

  border: 0;

  position: absolute;

  width: 100%;

  height: 100%;

}

.ht-mfp .mfp-arrow-right {

  margin-left: auto;

  margin-right: 15px;

}

.ht-mfp .mfp-arrow-right:after {

  content: "\f105";

}

.ht-mfp .mfp-arrow:hover {

  background-color: #000;

}

.ht-mfp.zoom-animate.mfp-bg {

  opacity: 0;

}

.ht-mfp.zoom-animate .mfp-content {

  -webkit-transform: scale(1.2);

  -ms-transform: scale(1.2);

  transform: scale(1.2);

  opacity: 0;

}

.ht-mfp.zoom-animate.mfp-ready.mfp-bg {

  opacity: 0.9;

}

.ht-mfp.zoom-animate.mfp-ready .mfp-content {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  opacity: 1;

}

.ht-mfp.zoom-animate.mfp-removing .mfp-content {

  -webkit-transform: scale(1.2);

  -ms-transform: scale(1.2);

  transform: scale(1.2);

  opacity: 0;

}

.ht-mfp.zoom-animate.mfp-removing.mfp-bg {

  opacity: 0;

}

.ht-mfp.zoom-animate.mfp-removing .mfp-close {

  opacity: 0;

}



/*================================

Single Product Page Style

==================================*/

@media only screen and (max-width: 767.98px) {

  .product-thumb-area {

    margin-bottom: 20px;

  }

}

.product-thumb-area .pro-thumb-item img {

  margin: auto;

  max-width: 100%;

}

.product-thumb-area .product-details-thumbnail {

  border: 1px solid #e1e1e1;

  text-align: center;

  position: relative;

}

.product-thumb-area .product-details-thumbnail .btn-large-view {

  background-color: rgba(255, 255, 255, 0.9);

  bottom: 20px;

  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);

  color: #1b1b1c;

  display: block;

  font-weight: 700;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

  line-height: 22px;

  padding: 10px 0;

  position: absolute;

  text-align: center;

  width: 136px;

}

.product-thumb-area .product-details-thumbnail .btn-large-view i {

  margin-left: 3px;

  vertical-align: middle;

}

.product-thumb-area .product-details-thumbnail-nav {

  margin-top: 10px;

}

.product-thumb-area .product-details-thumbnail-nav .pro-thumb-item {

  border: 1px solid #e1e1e1;

  text-align: center;

  cursor: pointer;

}

.product-thumb-area .product-details-thumbnail-nav .slick-list {

  margin: 0 -5px;

}

.product-thumb-area .product-details-thumbnail-nav .slick-list .slick-slide {

  margin: 0 5px;

}



@media only screen and (min-width: 1200px) {

  .prod-details-info-content {

    padding-left: 20px;

  }

}

.prod-details-info-content h1 {

  display: block;

  font-size: 30px;

  color: #070104;

  margin-bottom: 18px;

}

.prod-details-info-content p {

  line-height: 29px;

}



@media only screen and (max-width: 767.98px) {

  .prod-details-info-content h1 {

    font-size: 20px;

    font-weight: 500;

    text-align: center;

    margin-bottom: 10px;

  }

}

.prod-details-info-content .price {

  font-size: 18px;

  margin-top: 10px;

  margin-bottom: 33px;

}



@media only screen and (max-width: 767.98px) {

  .prod-details-info-content .price {

    font-size: 20px;

    margin-bottom: 20px;

  }

}

.prod-details-info-content .price-amount {

  font-size: 18px;

  font-weight: 500;

  vertical-align: middle;

}

.product-config {

  margin: 40px 0;

}

.product-config .table {

  margin-bottom: 0;

}

.product-config .table-bordered td,

.product-config .table-bordered th {

  border-color: #e1e1e1;

}

.product-config .table th {

  font-size: 18px;

  font-weight: 500;

}

.product-config .table .config-option a {

  color: #1b1b1c;

  font-size: 16px;

  font-weight: 500;

  margin-right: 10px;

}

.product-config .table .config-option a:last-child {

  margin-right: 0;

}

.product-config .table .config-option a:hover {

  color: #db0303;

}

.product-meta {

  margin-top: 40px;

}

.product-meta span:not(.sku) {

  display: block;

  font-size: 16px;

  margin-bottom: 15px;

}

.product-meta span:not(.sku):last-child {

  margin-bottom: 0;

}

.product-meta a {

  color: #1b1b1c;

  margin-right: 5px;

  font-size: 15px;

  vertical-align: middle;

}

.product-meta a:last-child {

  margin-right: 0;

}

.product-meta a:hover {

  color: #db0303;

}

.pro-qty {

  border: 1px solid #e1e1e1;

  display: inline-block;

  position: relative;

  width: 150px;

}



@media only screen and (max-width: 767.98px),

  only screen and (min-width: 768px) and (max-width: 991.98px) {

  .pro-qty {

    width: 120px;

  }

}

.pro-qty input {

  font-weight: 600;

  border: none;

  text-align: center;

  padding: 12px 45px;

  outline: none;

  width: 100%;

}

.pro-qty a {

  color: #000000;

  font-size: 22px;

  font-weight: 600;

  text-align: center;

  position: absolute;

  top: 0;

  line-height: 50px;

  height: 100%;

  width: 35px;

}



@media only screen and (min-width: 768px) and (max-width: 991.98px) {

  .pro-qty a {

    width: 35px;

    line-height: 54px;

  }

}



@media only screen and (max-width: 767.98px) {

  .pro-qty a {

    width: 35px;

    line-height: 48px;

  }

}

.pro-qty a:hover {

  background-color: #db0303;

  border-color: #db0303;

  color: #ffffff;

}

.pro-qty a.inc {

  right: 0;

  border-left: 1px solid #e1e1e1;

}

.pro-qty a.dec {

  left: 0;

  border-right: 1px solid #e1e1e1;

}

.product-description-review {

  margin-top: 10px;

}



@media only screen and (max-width: 767.98px) {

  .product-description-review {

    margin-top: 10px;

  }

}

.product-description-review .desc-review-tab-menu {

  -webkit-flex-wrap: nowrap;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

}

.product-description-review .desc-review-tab-menu li {

  width: 100%;

}

.product-description-review .desc-review-tab-menu li a {

  background-color: #1b1b1c;

  border-right: 2px solid #ddd;

  color: #ffffff;

  display: block;

  text-align: center;

  text-transform: uppercase;

  font-size: 18px;

  font-weight: 700;

  line-height: 1;

  padding: 20px 0;

}

.product-description-review .desc-review-tab-menu li a:last-child {

  border: none;

}

.product-description-review .desc-review-tab-menu li a.active {

  background-color: #db0303;

}



@media only screen and (max-width: 767.98px) {

  .product-description-review .desc-review-tab-menu li a {

    font-size: 15px;

    font-weight: 500;

    padding: 10px 0;

  }

}

.product-description-review .tab-tit {

  line-height: 40px;

  background: #c7c7c7;

  color: #fff;

  font-size: 18px;

}

.product-description-review .tab-tit span {

  width: 186px;

  display: block;

  text-align: center;

  background: #6d82a7;

}

.product-description-review .tab-content {

  padding: 20px 0;

  font-size: 16px;

  line-height: 30px;

}

.product-description-review .tab-content p,

.product-description-review .tab-content table {

  margin-bottom: 10px;

}

.product-description-review .tab-content p strong {

  font-size: 16px;

}

.product-description-review .tab-content p a {

  color: #1d74d2;

}



@media only screen and (max-width: 767.98px) {

  .product-description-review .tab-content {

    font-size: 15px;

    padding: 25px 15px;

  }

  .product-description-review .tab-content img {

    width: 100%;

  }

}



.inner_table {

  overflow: scroll;

}

.inner_table .tableHtml {

  overflow-x: scroll;

  width: 160%;

}

.inner_table.w_700 .tableHtml {

  width: 200%;

}

.inner_table .tableHtml table {

  border-collapse: collapse;

}

.inner_table .tableHtml table td {

  line-height: 21px;

  padding: 0px 2px;

}

p.table_title {

  line-height: 25px;

}

p.table_title i {

  font-size: 16px;

  color: #171c61;

  line-height: 25px;

}

p.table_title i.fa-hand-o-down {

  color: red;

  padding: 0px 7px;

}

p.table_title strong {

  font-size: 20px;

  text-indent: 10px;

  line-height: 25px;

  margin-right: 10px;

}



.product-rating-wrap .average-rating {

  margin-bottom: 30px;

}

.product-rating-wrap .average-rating h6 {

  font-weight: 400;

  font-size: 22px;

  margin-bottom: 3px;

}

.product-rating-wrap .display-ratings .rating-item {

  margin-bottom: 20px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}

.product-rating-wrap .display-ratings .rating-item:last-child {

  margin-bottom: 0;

}

.product-rating-wrap .display-ratings .rating-item .rating-author-pic {

  max-width: 50px;

  -webkit-flex-basis: 50px;

  -ms-flex-preferred-size: 50px;

  flex-basis: 50px;

  border-radius: 2px;

  overflow: hidden;

  margin-right: 10px;

}

.product-rating-wrap .display-ratings .rating-item .rating-author-txt {

  border: 1px solid #e1e1e1;

  border-radius: 2px;

  padding: 15px;

  -webkit-flex-basis: calc(100% - 60px);

  -ms-flex-preferred-size: calc(100% - 60px);

  flex-basis: calc(100% - 60px);

  max-width: calc(100% - 60px);

}

.product-rating-wrap

  .display-ratings

  .rating-item

  .rating-author-txt

  .rating-meta

  h3 {

  font-size: 14px;

  margin-top: 0;

  font-family: "Poppins", sans-serif;

  display: inline-block;

}

.product-rating-wrap

  .display-ratings

  .rating-item

  .rating-author-txt

  .rating-meta

  .time {

  vertical-align: middle;

  margin-left: 5px;

  font-size: 13px;

}

.product-rating-wrap

  .display-ratings

  .rating-item

  .rating-author-txt

  .rating-star {

  color: #db0303;

  font-size: 14px;

  margin-bottom: 5px;

}

.product-rating-wrap

  .display-ratings

  .rating-item

  .rating-author-txt

  .rating-star

  i {

  margin-right: 5px;

}

.product-rating-wrap

  .display-ratings

  .rating-item

  .rating-author-txt

  .rating-star

  i:last-child {

  margin-right: 0;

}

.product-rating-wrap .rating-form-wrapper {

  margin-top: 60px;

}

.product-rating-wrap .rating-form-wrapper h3 {

  font-size: 24px;

  font-weight: 500;

  margin-top: -5px;

  margin-bottom: 20px;

}

.product-rating-wrap .rating-form-wrapper .rating-form h5 {

  font-weight: 400;

  font-size: 18px;

  margin-bottom: 8px;

}

.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i {

  color: #ccc;

  margin-right: 10px;

}

.product-rating-wrap

  .rating-form-wrapper

  .rating-form

  .rating-star

  i:last-child {

  margin-right: 0;

}

.product-rating-wrap

  .rating-form-wrapper

  .rating-form

  .rating-star

  i:hover

  ~ i {

  color: #ccc;

}

.product-rating-wrap .rating-form-wrapper .rating-form .rating-star:hover i {

  cursor: pointer;

  color: #db0303;

}

.product-rating-wrap .rating-form-wrapper .rating-form input,

.product-rating-wrap .rating-form-wrapper .rating-form textarea {

  background-color: #ffffff;

  border: 1px solid #e1e1e1;

  display: block;

  padding: 12px 20px;

  width: 100%;

  -webkit-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

}

.product-rating-wrap .rating-form-wrapper .rating-form input:focus,

.product-rating-wrap .rating-form-wrapper .rating-form textarea:focus {

  border-color: #db0303;

}



@media (max-width: 1024px) {

  .homeAboutCont,

  .homeAboutCont-r {

    margin: 2% 0 0 2%;

    padding-bottom: 6px;

  }

  .homeInforCont {

    margin: 2% 0 0 2%;

    padding-bottom: 6px;

  }

  .homeInforCont h3 {

    font-size: 18px;

    line-height: 30px;

  }

  .homeInforCont p {

    margin-bottom: 6px;

    line-height: 22px;

  }

  .index-cybj-top .txt {

    font-size: 12px;

  }

}



@media screen and (max-width: 991px) {

  .logo {

    padding-top: 0;

  }

  .logo img {

    width: 60px;

  }

  .lang-mobile {

    display: block;

    position: absolute;

    top: 28px;

    right: 70px;

    z-index: 999;

  }

  .lang-mobile img {

    margin-left: 5px;

  }

  .other-side .lang {

    display: none;

  }

  .carousel-inner > .item > img {

    max-width: 180% !important;

  }

  .other-side {

    display: none;

  }

  .list-pro-tit {

    display: none;

  }

  .search_info {

    margin-top: 0;

    margin-bottom: 30px;

  }

  .hot-pro {

    padding: 20px 0;

  }

  .hot-pro-cat {

    padding: 0;

  }

  .hot-pro-cat span {

    width: 30%;

    margin-right: 12px;

    margin-bottom: 10px;

    line-height: 30px;

  }

  #myscroll ul li {

    margin: 0;

  }

  .ban-pc {

    display: none;

  }

  .ban-mobile {

    display: block;

    padding-top: 70px;

    overflow: hidden;

  }

  .ban-pro-mobile {

    display: block;

  }

  .ban-pro-pc {

    display: none;

  }

  .show_pro .col-12 {

    padding: 0;

  }

  .index-tit span {

    font-size: 28px;

    margin-bottom: 12px;

  }

  .news-info .rightwrap h2 {

    font-size: 20px;

  }

  .iproject-con li {

    margin-top: 20px;

  }

  .iproject-con dd .txt {

    padding: 12px;

  }

  .iproject-con dd .txt span {

    font-size: 16px;

  }

  .iproject-con dd .txt em {

    font-size: 12px;

    display: none;

  }

  .index-ly-con {

    padding: 0 5px;

  }

  .index-ly-con .col-sm-6 {

    width: 50%;

  }

  .index-ly-con .col-sm-6 img {

    width: 100%;

  }

  .index-ly-con .cover-box {

    margin-bottom: 20px;

  }

  .index-news-menu {

    padding: 30px 0;

  }

  .index-news-menu li {

    width: 48%;

    margin: 0 1%;

  }

  .index-news .row {

    margin: 0 -10px;

  }

  .index-news-swiper dd .txt {

    padding: 25px 0 10px 0;

  }

  .index-news-swiper dd .txt span {

    font-size: 14px;

    line-height: 20px;

  }

  .index-about {

    padding: 30px 0;

  }

  .index-about .txt {

    height: auto;

    line-height: 29px;

    padding: 20px 0 0 0;

    text-align: center;

  }

  .numCount {

    margin: 30px 0;

  }

  .numCount li {

    width: 50%;

    margin-bottom: 20px;

    text-align: center;

  }

  .numCount li .item .indt {

    font-size: 14px;

  }

  .inner-ban {

    height: 425px;

    padding-top: 70px;

    overflow: hidden;

  }

  .inner-ban img {

    display: block;

  }

  .about_ban,

  .Advantage_ban,

  .video_ban,

  .field_ban,

  .pro_ban,

  .news_ban {

  }

  .pro_ban {

    display: block;

  }

  .inner-about {

    padding: 40px 0;

  }

  .inner-about .con {

    margin-top: 30px;

  }

  .inner-qywh {

    padding: 40px 0;

  }

  .inner-qywh .con {

    margin-top: 30px;

  }

  .inner-qywh .con .qywh-box .txt {

    padding: 30px 0;

  }

  .show_pro {

    padding: 50px 0;

  }

  .webzi .tit-1 {

    position: absolute;

    top: 95px;

    left: 0;

    font-size: 24px;

  }

  .webzi .tit-3 {

    position: absolute;

    top: 125px;

    left: 0;

    font-size: 18px;

  }

  .webzi .down-ico {

    position: absolute;

    top: 150px;

    left: 0;

  }

  .webzi .link {

    position: absolute;

    top: 150px;

    left: 0;

  }

  .webzi .location {

    position: absolute;

    top: 220px;

    left: 0;

    font-size: 14px;

  }

  .pro-pic {

    margin-top: 20px;

  }

  .index-cybj {

    padding: 30px 0;

  }

  .index-news {

    padding: 30px 0;

  }

  .index-news-main .con {

    margin-bottom: 10px;

  }

  .index-news-main .con .tit {

    margin-top: 16px;

    margin-bottom: 10;

  }

  .index-news-main .con .txt {

    margin-bottom: 24px;

  }

  .index-news .tit h2 {

    font-size: 24px;

  }

  .foot-con {

    padding: 20px 0;

  }

  .foot-con .weixin {

    width: 141px;

    float: none;

  }

  .foot-pro,

  .foot-pro a {

    font-size: 12px;

    line-height: 20px;

    margin-bottom: 10px;

    color: #fff;

  }

  .foot-fx {

    width: 100%;

  }

  .foot-con dl {

    display: none;

  }

  .foot-txt,

  .foot-copy {

    font-size: 12px;

  }

  .foot-copy {

    padding: 10px;

    line-height: 20px;

  }

  /*zltm*/

  .zltm {

    margin-bottom: 30px;

  }

  .zltm .pic img {

    width: 100%;

  }

  .zltm .con {

    padding: 20px 10px;

  }

  .zltm .tit_1 {

    height: 36px;

    font-size: 24px;

  }

  .zltm .tit-2 {

    font-size: 18px;

    color: #777;

    margin-bottom: 22px;

  }

  .zltm .line {

    margin-bottom: 23px;

  }

  /*dzcj*/

  .dzcj .tit {

    margin-bottom: 30px;

  }

  .dzcj .tit span {

    font-size: 24px;

    margin-bottom: 23px;

  }

  .dzcj .tit p {

    font-size: 18px;

    margin-bottom: 23px;

  }

  .hzal-lx .txt {

    padding-top: 116px;

    font-size: 24px;

    color: #fff;

    margin-bottom: 30px;

  }

  /*case*/

  .nav-tabs li {

    width: 100px;

    margin-right: 10px;

  }

  .case-top .con {

    padding: 28px 15px;

  }

  .case-top .tit_1 {

    height: 53px;

    font-size: 24px;

  }

  /*products*/

  .pro-main .pic img {

    width: 100%;

  }

  .pro-main .con {

    padding: 20px;

  }

  .pro-main .tit_1 {

    font-size: 20px;

    margin-bottom: 15px;

  }

  .pro-main .tit_2 {

    font-size: 16px;

    margin-bottom: 15px;

  }

  /********内页菜单*********/

  .m-ins-navbox {

    width: 100%;

    height: 38px;

    background-color: #fff;

    position: relative;

    z-index: 11;

    display: block;

  }

  .m-ins-navbox.fixed {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 11;

  }

  .m-ins-navbox .left {

    width: 15%;

    cursor: pointer;

    float: left;

  }

  .m-ins-navbox .left .ico {

    display: block;

    width: 100%;

    height: 38px;

    background: url(../images/ico_35.png) no-repeat center #cc0000;

    background-size: auto 50%;

  }

  .m-ins-navbox .ret-subbox {

    position: absolute;

    top: 38px;



    width: 100%;

    background-color: #cc0000;

    left: 0;

    z-index: 2;

    display: none;

  }

  .m-ins-navbox .ret-subbox a {

    display: block;

    width: 100%;

    padding-left: 5%;

    height: 38px;

    line-height: 38px;

    color: #fff;

    font-size: 14px;

    background: url(../images/ico_38.png) no-repeat 92% center;

    background-size: auto 35%;

  }

  .m-ins-navbox .right {

    width: 85%;

    position: relative;

    float: right;

  }

  .m-ins-navbox .right .tit {

    display: block;

    width: 95%;

    padding-left: 5%;

    font-size: 14px;

    color: #000;

    line-height: 38px;

    background: url(../images/ico_36.png) no-repeat 93% center;

    background-size: auto 50%;

    cursor: pointer;

  }

  .m-ins-navbox .right .subbox {

    width: 100%;

    position: absolute;

    top: 38px;

    background-color: #fff;

    z-index: 2;

    display: none;

    left: 0;

  }

  .m-ins-navbox .right .subbox a {

    display: block;

    width: 95%;

    padding-left: 5%;

    line-height: 38px;

    height: 38px;

    border-top: 1px solid #e5e5e5;

    background: url(../images/ico_37.png) no-repeat 92% center;

    background-size: auto 35%;

  }

  .inner-menu {

    display: none;

  }

  .core {

    padding: 30px 0;

  }

  .core_tit .t-1 {

    margin-bottom: 10px;

    font-size: 20px;

  }

  .core_tit .t-2 {

    margin-bottom: 5px;

    font-size: 20px;

  }

  .core_con_fr .core-top {

    padding: 14px 0;

    overflow: hidden;

  }

  .core_con_fr .core-s {

    font-size: 30px;

    margin-right: 5px;

  }

  .core_con_fr .core-txt {

    margin-top: 10px;

    margin-left: 0;

    line-height: 37px;

    color: #333;

  }

  .core_con_fr .core-tit .core-tit-1 {

    line-height: 20px;

    margin-bottom: 5px;

    font-size: 16px;

    color: #333;

  }

  .core_con_fr .core-tit .core-tit-2 {

    color: #666;

    font-size: 12px;

  }

  .top-news img {

    width: 100%;

  }

  .top-news .con {

    padding: 30px 10px;

  }

  .top-news .con .tit {

    margin-bottom: 27px;

    font-size: 24px;

    color: #333;

  }

  .news-img {

    margin-left: 0;

  }

  .news-box .tit {

    font-size: 16px;

  }

  .new-pro {

    width: 100%;

    height: auto;

    margin-top: 0;

  }

  .new-pro-pic {

    margin-top: 0;

  }

  .list-pro {

    display: none;

  }

  .webzi {

    width: 100%;

  }

  .webzi .t1 {

    width: 140px;

    line-height: 25px;

    position: absolute;

    top: 70px;

    left: 0;

    font-size: 18px;

  }

  .webzi .line {

    position: absolute;

    top: 130px;

    left: 0;

  }

  .webzi .t2 {

    display: none;

  }

  .webzi .location {

    position: absolute;

    top: 200px;

    left: 0;

  }

  .inner-news {

    padding: 40px 0;

  }

  .news-box .t-1 .time {

    margin-right: 0;

    padding: 0 10px;

  }

  .news-box .tit {

    font-size: 16px;

    font-weight: bold;

    margin-top: 30px;

    padding: 0 10px;

  }

  .news-box .txt {

    line-height: 28px;

    padding: 0 10px 30px 10px;

  }

  .news-info {

    padding: 20px 10px;

  }

  .news-box {

    margin: 20px 0;

  }

  .news-list .con {

    padding: 12px;

    margin-bottom: 15px;

  }

  .news-list .con .time {

    margin-bottom: 18px;

  }

  .news-list .con .txt {

    width: 100%;

    float: none;

  }

  .news-list .con .txt span {

    font-size: 16px;

    margin-bottom: 15px;

  }

  .news-list .con .time {

    display: none;

  }

  .down-info {

    padding: 20px 10px;

  }

  .down-info li {

    height: 40px;

  }

  .down-info li span {

    line-height: 40px;

    font-size: 12px;

  }

  .down-info li span i {

    font-size: 16px;

    margin-right: 10px;

  }

  .down-info li em {

    display: none;

  }

  .down-info li o {

    display: none;

  }

  .filters li {

    padding: 10px 18px;

    font-size: 14px;

  }

  .inner {

    padding: 30px 0;

  }

  .product-item {

    margin-bottom: 20px;

  }

  .product-item img {

    width: 100%;

  }

  .contact-form-content {

    padding: 20px;

  }

  .contact-fl,

  .contact-fr {

    padding: 0;

    margin-top: 30px;

  }

  .contact-form-content .tit span {

    font-size: 24px;

  }

  input.contact_sub {

    width: 180px !important;

    height: 40px !important;

    line-height: 40px;

  }

  input.gbk_5 {

    width: 150px !important;

    left: 0;

    top: 300px;

  }

  .contact-fr .vdimgck {

    left: 170px;

    top: 302px;

  }

  .job-tit {

    display: none;

  }

}

/*表单验证开始*/



.glyphicon {

  position: relative;

  top: 1px;

  display: inline-block;

  font-family: "Glyphicons Halflings";

  font-style: normal;

  font-weight: normal;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.glyphicon-ok:before {

  content: "\e013";

}

.glyphicon-remove:before {

  content: "\e014";

}

.has-feedback {

  position: relative;

}

.bv-form .help-block {

  margin-top: 6px;

  display: inline-block;

}

.contact-lx i.form-control-feedback {

  right: 0px;

  margin-right: 0px;

}

.has-feedback .form-control {

  padding-right: 42.5px;

}

.form-control-feedback {

  position: absolute;

  top: 0;

  right: 0;

  z-index: 2;

  display: block;

  width: 34px;

  height: 34px;

  line-height: 34px;

  text-align: center;

  pointer-events: none;

}

.input-lg + .form-control-feedback {

  width: 46px;

  height: 46px;

  line-height: 46px;

}

.input-sm + .form-control-feedback {

  width: 30px;

  height: 30px;

  line-height: 30px;

}

.has-success .help-block,

.has-success .control-label,

.has-success .radio,

.has-success .checkbox,

.has-success .radio-inline,

.has-success .checkbox-inline,

.has-success.radio label,

.has-success.checkbox label,

.has-success.radio-inline label,

.has-success.checkbox-inline label {

  color: #3c763d;

}



.has-success .form-control {

  border-color: #3c763d;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

}

.has-success .form-control:focus {

  border-color: #2b542c;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;

}

.has-success .input-group-addon {

  color: #3c763d;

  background-color: #dff0d8;

  border-color: #3c763d;

}

.has-success .form-control-feedback {

  color: #3c763d;

}

.has-warning .help-block,

.has-warning .control-label,

.has-warning .radio,

.has-warning .checkbox,

.has-warning .radio-inline,

.has-warning .checkbox-inline,

.has-warning.radio label,

.has-warning.checkbox label,

.has-warning.radio-inline label,

.has-warning.checkbox-inline label {

  color: #8a6d3b;

}

.has-warning .form-control {

  border-color: #8a6d3b;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

}

.has-warning .form-control:focus {

  border-color: #66512c;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;

}

.has-warning .input-group-addon {

  color: #8a6d3b;

  background-color: #fcf8e3;

  border-color: #8a6d3b;

}

.has-warning .form-control-feedback {

  color: #8a6d3b;

}



.has-error .help-block,

.has-error .control-label,

.has-error .radio,

.has-error .checkbox,

.has-error .radio-inline,

.has-error .checkbox-inline,

.has-error.radio label,

.has-error.checkbox label,

.has-error.radio-inline label,

.has-error.checkbox-inline label {

  color: #a94442;

}

.has-error .form-control {

  border-color: #a94442;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

}

.has-error .form-control:focus {

  border-color: #843534;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;

}

.has-error .input-group-addon {

  color: #a94442;

  background-color: #f2dede;

  border-color: #a94442;

}

.has-error .form-control-feedback {

  color: #a94442;

}

.has-feedback label ~ .form-control-feedback {

  top: 25px;

}

.has-feedback label.sr-only ~ .form-control-feedback {

  top: 0;

}

/*表单验证结束*/

/*相关产品 开始*/

.info {

  line-height: 30px;

}

.info p {

  font-size: 15px;

  margin-bottom: 10px;

}

.info table {

  width: 100%;

  border-collapse: collapse;

  border: #ccc solid 1px;

}

.info table td {

  border: #ccc solid 1px;

  padding: 2px 4px;

}

.related_news {

  margin: 20px 0;

  float: left;

  clear: both;

  width: 100%;

}

.related_news h2 {

  font-size: 16px;

  display: block;

  padding-bottom: 10px;

  margin-bottom: 10px;

  font-weight: bold;

  color: #000;

}

.related_news ul {

}

.related_news ul li {

  line-height: 30px;

  height: 30px;

  overflow: hidden;

  margin: 5px 0px;

  padding-left: 0;

  border-bottom: 1px dashed #e3e2e2; /*dotted*/

}

.related_news ul li a {

  color: #333;

  text-overflow: ellipsis;

  overflow: hidden;

  display: block;

}

.related_news ul li span {

  float: right;

  margin-left: 5px;

  color: #999;

}

/*相关产品 结束*/



.pages {

  clear: both;

  margin: 10px;

  width: 100%;

}

.dropdown-submenu {

  position: relative;

}

.dropdown-submenu > .dropdown-menu {

  top: 10px;

  left: 100%;

  margin-top: 6px;

  margin-left: -1px;

  -webkit-border-radius: 0 6px 6px 6px;

  -moz-border-radius: 0 6px 6px;

  border-radius: 0 6px 6px 6px;

}

.dropdown-submenu:hover > .dropdown-menu {

  display: block;

}

.dropdown-submenu > a:after {

  display: block;

  /*            content: " ";*/

  float: right;

  width: 0;

  height: 0;

  border-color: transparent;

  border-style: solid;

  border-width: 5px 0 5px 5px;

  border-left-color: #ccc;

  margin-top: 5px;

  margin-right: -10px;

}

.dropdown-submenu:hover > a:after {

  border-left-color: #fff;

}

.dropdown-submenu.pull-left {

  float: none;

}

.dropdown-submenu.pull-left > .dropdown-menu {

  left: -100%;

  margin-left: 10px;

  -webkit-border-radius: 6px 0 6px 6px;

  -moz-border-radius: 6px 0 6px 6px;

  border-radius: 6px 0 6px 6px;

}

/*表单验证结束*/

.location {

  margin-top: 10px 0;

  text-align: left;

}



@media only screen and (max-width: 767.98px) {

  .breadcrumb {

    display: none;

  }

}

.breadcrumb {

  padding: 0px 0 8px 0;

  margin-bottom: 20px;

  list-style: none;

  background-color: transparent;

  border-radius: 4px; /*    display: inline-block;*/

}

.breadcrumb > li {

  display: inline-block;

}

.breadcrumb > li + li:before {

  padding: 0 5px;

  color: #ccc;

  content: "/\00a0";

}

.breadcrumb > .active {

  color: #777;

}

.inner-yf ul.breadcrumb li {

  margin-bottom: 0px;

  width: auto;

  padding: 0px;

}

.pager {

  padding-left: 0;

  margin: 20px 0;

  text-align: center;

  list-style: none;

  overflow: hidden;

  zoom: 1;

}

.pager li {

  display: inline;

}

.pager li > a,

.pager li > span {

  display: inline-block;

  padding: 5px 14px;

  background-color: #fff;

  border: 1px solid #ddd;

  border-radius: 15px;

}

.pager li > a:hover,

.pager li > a:focus {

  text-decoration: none;

  background-color: #eee;

}

.pager .next > a,

.pager .next > span {

  float: right;

}

.pager .previous > a,

.pager .previous > span {

  float: left;

}

.pager .disabled > a,

.pager .disabled > a:hover,

.pager .disabled > a:focus,

.pager .disabled > span {

  color: #777;

  cursor: not-allowed;

  background-color: #fff;

}



#myModal .modal-body img {

  width: 100%;

}



#myModal .modal-title {

  font-size: 30px;

}



.dg_btn {background: linear-gradient(to right, #ca242a, #6d82a7); border: 0; color:#FFFFFF;}



.dg_btn:hover {color: #fff;}


.zx-prop{width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:2000;background:rgba(0,0,0,0.7);opacity:0;visibility:hidden;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;}
.zx-prop.zx-prop-active{opacity:1;visibility:visible;}
.zx-center{width:40%;overflow:hidden;background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding-bottom:30px;}
.zx-close{width:30px;height:30px;position:absolute;right:20px;top:20px;transform:rotate(45deg);z-index:12;cursor:pointer;}
.zx-close:before{width:70%;height:2px;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#222;}
.zx-close:after{width:2px;height:70%;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#222;}
.zx-close:hover{transform:rotate(135deg);}
.zx-center .h3{width:100%;overflow:hidden;text-align:center;font-size:26px;font-weight:bold;color:#333;position:relative;padding-bottom:15px;margin-top:40px;}
.zx-center .h3:before{width:60px;height:4px;content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0px;background:#6d82a7;}
.zx-center form{width:90%;overflow:hidden;margin:20px auto 0px;}
.zx-g{width:100%;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;}
.zx-g .txt5{width:32%;}

.zx-g .sel{width:100%;}
.zx-g .sel select{
    overflow: hidden;
    box-sizing: border-box;
    margin-top: 20px;
    border: 1px #e3e3e3 solid;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    padding: 0px 10px;
    font-size: 14px;
    color: #666;
}
.zx-g .txt5 input[type='text'],.zx-g .txt5 input[type='email']{
   width:100%;
   overflow:hidden;
   box-sizing:border-box;
   margin-top:12px;
   border:1px #e3e3e3 solid;
   height:40px;
   line-height:40px;
   background-color:#fff;
   padding: 0px 10px;
   font-size:14px;
   color:#666;
}
.zx-g .txt5  .invalid-feedback,.zx-g .sel .invalid-feedback,.zx-g .txt .invalid-feedback{ line-height:20px ; text-indent: 6px;}
.zx-g .txt5::placeholder{color:#666 !important;opacity:1;}
.zx-g .txt5::-webkit-input-placeholder{color:#666 !important;opacity:1;}
.zx-g .txt5::-ms-input-placeholder{color:#666 !important;opacity:1;}
.zx-g .txt5::-moz-placeholder{color:#666 !important;opacity:1;}
.zx-g select{width:100%;background:url("../images/icon-108.png") no-repeat 98% center;}
.zx-g .txt.form-floating{width:100%;}
.zx-g .form-floating textarea{
    width:100%;
    overflow:hidden;
    box-sizing:border-box;
    margin-top:20px;
    border:1px #e3e3e3 solid;
    background-color:#fff;
    padding: 10px;
    font-size:14px;
    color:#666;
    line-height:24px;
    height:100px;
    }
.zx-g textarea::placeholder{color:#666 !important;opacity:1;}
.zx-g textarea::-webkit-input-placeholder{color:#666 !important;opacity:1;}
.zx-g textarea::-ms-input-placeholder{color:#666 !important;opacity:1;}
.zx-g textarea::-moz-placeholder{color:#666 !important;opacity:1;}
.zx-bt{width:100%;overflow:hidden;padding-top:30px;}
.zx-bt input[type="submit"]{width:40%;height:40px;line-height:40px;display:block;margin:0px auto;overflow:hidden;cursor:pointer;background:#6d82a7; border:#6d82a7 solid 1px;:center;font-size:14px;color:#fff; box-shadow: none !important; outline: none  !important;}
.zx-bt .note { width:40%; text-align: center; margin: 7px auto; }
/* .zx-bt input:hover{transform:translateY(-3px);} */
.zx-g select:hover,.zx-g .txt5 input:hover,.zx-g textarea:hover{border-color:#6d82a7 !important;}

.zx-g input:focus,.zx-bt  input:focus {
  outline: none; /* 去除默认外边框 */
  box-shadow: none; /* 去除默认阴影 */
  /* 可选：添加自定义聚焦样式（比如边框变色），兼顾美观和可访问性 */
  border: 1px solid #6d82a7;
}
.zx-g .txt5 .form-inline{ vertical-align:middle;  position: relative; top:12px;}
@media screen and (max-width:1440px){.zx-center{width:70%;padding-bottom:24px;}
.zx-center form{margin:10px auto 0px;}
}
@media screen and (max-width:768px){.zx-center .h3{margin-top:20px;font-size:20px;}
.zx-center .h3:before{width:30px;height:2px;}
.zx-center{width:90%;padding-bottom:14px;}
.zx-center form{margin:10px auto 0px;}
.zx-g select,.zx-g .txt5{width:100%;margin-top:8px;height:35px;line-height:35px;}
.zx-g textarea{margin-top:6px;height:90px;}
.zx-bt{padding-top:15px;}
.zx-bt input{width:100%;}
}
.form-inline{display: inline-block;}